Emily's Floral

Emily's Floral

Emily's Floral

Thrift Shop Mobile Application

Objective

As a part of my Google UX Design Certification, I was tasked with building a responsive website for a florist shop that allows for online purchase.

Audience

Personas were developed for business to business and direct to consumer clients.

Role

Product Designer

Tool

Adobe XD
Adobe XD
Adobe XD
Framer

Solution

The final website is simple and elegant. It provides a visually appealing and easy-to-use browsing and checkout experience for customers. The responsive website was built with mobile users in mind, and provides a consistent experience regardless of screen size.

My Thoughts

My first foray into web design was in high school, but much has changed since then. Design tools have become increasingly robust and simultaneously approachable, which is reflected in the common design language we see throughout the internet today. When approaching this project, I wanted to keep the design simple and image-forward.

After a few years hiatus, I have begun to re-visit this project and build a working version of the website in Framer. Alongside this Portfolio website, this is my first experience using Framer and I have found it to be an incredibly intuitive and powerful tool with a relatively low learning curve thanks to it's similarities with Figma. Unfortunately, Adobe seems to have stopped supporting Adobe XD, so I was required to do some rebuilding.

Process

Sketches

Site Map

Wireframes

Prototyping

Sketches

Site Map

Wireframes

Prototyping

Sketches

Site Map

Wireframes

Prototyping

Sketches

Site Map

Wireframes

Prototyping

Outcome

Select the image below to open the Framer website.

Next Steps

Continuing to iterate on the site using Framer, and continuing to learn more advanced Framer techniques to improve the UI and UX.

Avalon

Game Design

User interface design for a roleplaying adventure game

Avalon

Game Design

User interface design for a roleplaying adventure game

Avalon

Game Design

User interface design for a roleplaying adventure game

Avalon

Game Design

User interface design for a roleplaying adventure game

Leadership DB

Data Visualization

Executive Leadership Performance Tracking

Leadership DB

Data Visualization

Executive Leadership Performance Tracking

Leadership DB

Data Visualization

Executive Leadership Performance Tracking

Leadership DB

Data Visualization

Executive Leadership Performance Tracking

© 2024 John Smith

Built with Framer

© 2024 John Smith

Built with Framer

© 2024 John Smith

Built with Framer

© 2024 John Smith

Built with Framer