Floracracy is a web-based platform that guides users in crafting custom floral arrangements. With their MVP already in beta and actively processing orders, they needed a cohesive UI system to match their premium brand positioning.
The client had existing UX wireframes but no visual design layer. The interface didn't reflect the brand's premium identity or support users through emotionally driven purchase decisions.
Three design principles guided every decision — designing for real user needs, aligning with luxury brand standards, and making sure what users see matches what they receive.
We are ready to listen in order to truly understand and uncover the latent needs and emotions of the customers we are designing for.
We adhere to providing our users with the highest quality experience by ensuring our designs align with contemporary luxury products and brands.
We are dedicated to ensuring customers receive the same quality products they have seen on the website.
A palette of bright, warm colors to feel pleasant and refreshing. Turquoise gives off a feeling of calm and comfort at first sight.
A minimal layout that emphasizes content in a clear, concise hierarchy.
I conducted user interviews and usability testing to identify friction points before any visual work began.
Users liked the consistency in design throughout the entire website design.
"I want it to be more balanced on how the content itself is robust and the design is simple and clean."
Users wanted more clarity on the message page — they were confused about how the journal message actually works in the physical product.
Testing surfaced two clear issues. I proposed targeted modifications without disrupting the existing wireframe structure.
Added a clear revision pathway so users could modify their design after creation.
Redesigned with clearer copy and visual cues to explain how the handwritten message translates to the physical product.
The final UI covers the full platform from homepage through checkout. A design system was delivered alongside the screens — documenting components and interaction patterns as a handoff resource for the development team.
Working within an existing UX framework sharpened my ability to identify what truly needed to change versus what needed to be respected. The constraint made the decisions more intentional, and the collaboration between UI and development smoother through a structured design system.
A bridge to connect with the developer, even across other field teams.
View the Design System →Have a project in mind, or want to see more of the process behind Floracracy? Get in touch.