Shahrzad ← Back to Portfolio
Case Study — Mobile App Design

Online Flower Ordering Application

Concept mobile app created as part of the Google UX Design Professional Certificate. I use this project in my portfolio to show that I understand the full UX design process, from research and problem definition to wireframes, prototypes, testing, and case-study presentation.

Flower ordering app hero screen
Role
UX/UI Designer
Tools
Figma
Timeline
April – Aug 2023

Overview

This project was completed independently as part of the Google UX Design Professional Certificate. I used it to demonstrate the full UX workflow in a structured way, not just the visual output. My responsibilities included:

  • Researching users and identifying needs, pain points, and opportunities
  • Defining the problem and translating it into a clearer product direction
  • Developing wireframes, mockups, and low- and high-fidelity prototypes
  • Testing ideas, reviewing usability, and refining screens based on feedback
  • Presenting the work as a portfolio case study with a clear design narrative

Goal

The goal was not only to design a better flower-ordering experience, but also to show that I understand the key steps of UX thinking in practice: empathizing with users, defining the problem, exploring ideas, building prototypes, and testing the solution.

What This Project Demonstrates

In the Google certificate, this type of project demonstrates a complete UX process from beginning to end. For me, the value of this case study is showing that I can move through each stage in a structured way and explain my decisions clearly.

  • Empathize: understand users, their goals, and their frustrations
  • Define: identify the core problem and focus the product direction
  • Ideate: explore possible solutions and interaction approaches
  • Prototype: translate ideas into wireframes, mockups, and interactive flows
  • Test: gather feedback, review usability, and improve the design

What I Wanted to Improve

Many shopping flows become frustrating when users have to compare products, add personal touches, and complete checkout in one sitting. For this concept, I explored how clearer structure, smoother transitions, and a friendlier visual tone could make the experience feel easier from start to finish.

App Screens

High-fidelity screens showcasing the core user flows.

Personas

To guide decisions, I defined personas that reflected different motivations, expectations, and shopping behaviors across the flower-ordering journey.

Persona 1 Persona 2

Storyboards

The Big Picture

A wide-angle storyboard capturing the full user journey, from recognizing a gifting need to the feeling of a successful and reassuring delivery experience.

Storyboard - big picture

Close-up

A close-up storyboard focusing on one specific interaction and the emotional details within the ordering flow.

Storyboard - close-up

User Journey Map

User Journey Map

Wireframes

Using Figma, I translated my first sketches into low-fidelity wireframes. I then refined them to test screen structure, content priorities, and user flow before moving into high-fidelity design. Feedback from the process helped me adjust the layout and interaction decisions before building the final prototype.

UX Research Study

As part of the course process, I conducted UX research to understand user motivations, challenges, and expectations around ordering flowers through a mobile app. This reflects the empathize and define stages of UX thinking, where the goal is to understand behavior before moving into solutions.

I created a research plan and ran usability testing with 5 participants in Germany. The sessions focused on tasks such as finding an appropriate bouquet, adding it to the cart, and completing checkout while participants thought aloud.

I looked at task success, time on task, and qualitative feedback to understand where the flow felt intuitive and where users needed more clarity. This helped me connect research findings to specific design decisions.

The research helped validate the overall direction and highlighted opportunities to improve guidance, reduce friction, and make the flow feel more reassuring for users.

Learnings

One of the biggest things I learned in the course was how important it is to show the reasoning behind the design, not only the final screens. This project helped me practice the full UX process step by step: research, problem definition, ideation, prototyping, testing, and case-study presentation.

It also strengthened my understanding of accessibility, hierarchy, user flows, portfolio storytelling, and how to present design work for job applications.

Learnings overview