Google UX Design Professional Certificate:
Responsive Website

New York Flower Co.

Image by Alex Dudar

Course

Courses 2-5/7

January-May 2022

Google UX Design Professional Certificate

Image by Alexander Shatov

Technical Skills

Figma

Google Docs, Sheets, Slides

Image by Firmbee.com

Soft Skills

Analysis

Creativity

Flexibility

01 - HOME SCREEN.png

Objective

This goal of this project was to design a user experience flow for a mobile app. This involved creating a fully functioning high fidelity prototype of a mobile app.

 

The prompt that I chose and designed for was:

Design a flower catalogue app for a local, trendy florist.

Vision

With experience working in the floral industry and a passion for this prompt, I was quickly and easily able to come up with ideas for this project, as a UX Designer.

IMG_1021.HEIC
Screen Shot 2022-06-10 at 10.23.47 AM.png

Research

I began this project the same as we began the other work throughout the course - with the beginning UX Design Process steps: Empathize, Define, and Ideate.

I developed personas, created user stories, a user journey map, a goal statement, storyboards, and completed a competitive audit.

Based on this information, I determined that the intended audience of the responsive website to be primarily adults, who are purchasing flowers for a special occasion, with some purchasing for an everyday occasion.

Wireframes

After completing the beginning design process, I moved on to creating wireframes and a low-fidelity prototype.

As this was the first time I had used the Figma software, I took the opportunity to delve deep into the design process and work to create the best app I could, while learning and iterating at all times. Since I had determined that the primary user would be using an app, I chose to analyze existing apps and mobile websites as a place to begin.

I began with paper wireframes and converted them into a low-fidelity prototype.

01 - HOME SCREEN.png
Screen Shot 2022-06-10 at 9.59.57 AM.png

User Testing & Results

Next, we tested the low-fidelity prototype in a usability study. This was an unmoderated study, that the users were set to complete within a 30 minute timeframe, at their earliest availability.

Based on the user testing, there were some iterations made to the design, and the low-fidelity prototypes were remade based on suggestions provided by the user feedback.

Screen Shot 2022-06-10 at 10.28.40 AM.png

Final Design

To view the final, high-fidelity, interactive prototype, please use the button below.

Conclusions/Lessons Learned

Analyzing a Competitive Audit to Design a Mobile App

This was my first experience working through a competitive audit. I was able to quickly and easily understand the purpose and value of the audit. After completing the audit, I was able to analyze the results and develop a design, based on the information that I had been provided in the audit.

Create a Mobile
App

Although I had previous experience making a website and a LibGuide, I had never made a mobile app before. Additionally, this was the first time I had used the Figma software. Overall, this was a tremendous learning experience, working hard to understand the design process alongside developing an app and designing a shopping flow for a user.