Case study

Bloomora

An e - commerce flower shop concept designed to make gifting easier through personalized AI bouquet recommendations, intuitive product discovery, and a seamless purchase experience across desktop and mobile.

Role
Junior UI/UX Designer
Tools
Figma
Type
E-Commerce Website
View in Figma View in Figma
Bloomora
01 — Understanding the brief

The goal

The goal of this project was to design a modern flower shop e-commerce experience that simplifies the gifting process. I wanted to create a website that makes buying flowers feel easy and enjoyable.

Users can either browse and purchase flowers directly or discover the perfect bouquet through an AI - powered recommendation quiz. The result is a clean and intuitive shopping experience designed for both desktop and mobile users.

Project goals
AI - powered recommendations
Easy bouquet discovery
Fast purchasing flow
Elegant user experience
02 — Research & inspiration

Moodboard

I explored multiple photography studio websites to analyze how different sections were structured and presented. I focused on key elements such as the hero section, typography, services, about us content, process flow and contact experience.

Bloomora hero reference
Hero section

First impression

A strong hero immediately sets the emotional tone. I was inspired by floral and e-commerce layouts, but focused on a bold title and striking bouquet imagery to make the first impression more memorable.

Product layout reference
Shop section

Clear product

Inspired by how e-commerce layouts prioritize large product imagery and visible pricing, I designed the shop section to highlight each bouquet visually first, with price clearly displayed for faster decisions.

Checkout flow reference
How we work section

Simple, visual steps

Inspired by moodboard-style layouts and visual storytelling, I designed a step-by-step flow with minimal text and supporting visuals for better clarity and engagement.

03 — Wireframing

Low-fidelity structure

I translated the sketches into Figma wireframes, focusing on layout, spacing, hierarchy, and overall structure. This step helped define proportions, content distribution, and the placement of key elements like CTAs.

Desktop — 1440px
Desktop Wireframe
Mobile 375px
Mobile Detail Wireframe
04 — Design system

Design system

A minimal visual system built around natural tones and clean typography, focusing on consistency and reusable UI components.

Color palette

#FCFCF7
#E3D0C5
#1C3A13
#1C1C14
#2E2E2E
05 — Final design

Final interface

The final UI brings together research, wireframes, and design decisions into a refined, production-ready interface focused on clarity and hierarchy.

View full in Figma → View full in Figma → View full in Figma→ View full in Figma →
06 — What I learned

Designing simple e - commerce

This project helped me understand how e - commerce design works in practice, especially how to make product discovery simple, fast and intuitive without unnecessary complexity.

01 / Understanding e-commerce

How e-commerce works

I learned how an e - commerce website functions and how to structure the flow so users can easily browse, scroll, and purchase products without confusion or extra steps.

02 / Guiding users

Simplifying product choice

Guiding users through ticket options I learned and found a solution for helping users who are unsure which flowers to choose by making the process easier, more intuitive, and free of barriers.

03 / Layout and hierarchy

Improving hierarchy

Building connection through performers I improved my understanding of spacing, padding, and typographic hierarchy to create a balanced, readable, and visually pleasant interface for users.

Next project
Momento Studio

Momento studio

A modern photography studio landing page designed to showcase work and simplify booking sessions.

View case study