Desktop and mobile prototype sample

Grow the Flowers: Website Design

Grow the Flowers: Website Design

Figma prototype for browsing, purchasing, and custom floral arrangements.

Figma prototype for browsing, purchasing, and custom floral arrangements.

Figma prototype for browsing, purchasing, and custom floral arrangements.

ROLE

UX Designer

TEAM

Aila Anne Cataquiz

Solo Project

DATE

November 2023

TOOLS & CONSTRAINTS

Figma

Desktop-First, UI/UX Design

Overview

Overview

Overview

Grow the Flowers is a conceptual store which provides deliveries for floral arrangements. They feature a trendy aesthetic to appeal to younger adults with their fun branding. This case study features a design for an e-commerce website for a conceptual flower delivery service. This is a personal project based on a floral business.

Problem

Problem

Problem

The lack of an e-commerce website prevents potential customers, particularly young adults who regularly use the internet and may not be familiar with the company. These individuals are seeking convenient ways to order and deliver flowers.

Goal

Goal

Goal

To create an e-commerce website for a flower delivery service that represents the fun branding of Grow the Flowers.

User Pain Points

User Pain Points

User Pain Points

1

1

Outdated user interface

Outdated user interface

Some current and local flower websites don’t carry similar features found in newer websites. This can be addressed by utilizing features that are popular for users in newer websites.

Some current and local flower websites don’t carry similar features found in newer websites. This can be addressed by utilizing features that are popular for users in newer websites.

2

2

Difficult customizations

Difficult customizations

There can be difficulties in customizations for flower orders. Customizations can be thorough and have options for customers. 

There can be difficulties in customizations for flower orders. Customizations can be thorough and have options for customers. 

3

3

No varieties in products

No varieties in products

There are flower websites that don’t offer varieties. Customers should be able to choose different flowers to their aesthetic.

There are flower websites that don’t offer varieties. Customers should be able to choose different flowers to their aesthetic.

4

4

Needs specifications

Needs specifications

Customers finds a lack of details given when purchasing flowers to be delivered to loved ones. Customers will be given a receipt and updates on their orders. 

Customers finds a lack of details given when purchasing flowers to be delivered to loved ones. Customers will be given a receipt and updates on their orders. 

Low-Fidelity Prototype

Low-Fidelity Prototype

Low-Fidelity Prototype

Lo-Fi Mockups
Lo-Fi Prototype Flow

High-Fidelity Prototype

High-Fidelity Prototype

High-Fidelity Prototype

Hi-Fi Mockups
Hi-Fi Prototype Flow

Takeaways

Takeaways

Takeaways

I learned that designing within a desktop frame is very different from designing a mobile application frame. There is a lot of space to utilized and when creating a responsive design there are some sections must be altered in order to fit on a smaller screen and be clear to users.

Aila Anne Cataquiz 2025

Aila Anne Cataquiz 2025