BLUMENZ

SAAS PLATFORM

FLOWER SHOP PLATFORM

Designed and developed the UX/UI for a SaaS-based flower shop platform focused on helping florists manage and grow their online businesses. Led the end-to-end product design process, including user flows, wireframes, high-fidelity interfaces, responsive landing pages, customizable storefront templates, admin dashboards, and payment gateway experiences. Prioritized usability, accessibility, and intuitive e-commerce interactions to create a seamless experience for both flower shop owners and customers ordering products online.See Live Site

Tools used:

Research & Discovery

Personas

Name: Jessica De La CruzAge: 34Location: Tijuana, Baja California, MexicoOccupation: Professional Florist DesignerTech Use Level: Moderate - Uses Social media daily but struggles with complex platforms

Goals

Increase sells by having an online platform thats manageable.
Simplify order and inventory management.
Provide a professional shopping experience for customers.
Save time by automating manual processes.
Easily update products, prices, and seasonal collection for a smooth flow.

Pain Points

Managing orders from multiple channels manually.
Difficulty tracking inventory availability.
Limited technical knowledge for maintaining a website.
Customers abandoning orders due to complicated checkout flows.
Lack of a centralized dashboard for managing the business.

Needs

Intuitive dashboard with easy product management.
Mobile-friendly storefront for customers.
Simple payment gateway integration.
Order tracking and delivery management.
Clear analytics and sales overview.

Behavior

Frequently uses Instagram and Facebook for marketing
Manages most business operations herself
Prefers visual and easy-to-navigate interfaces
Often works from both desktop and mobile devices

Name: Leonardo MercadoAge: 25Location: Tijuana, Baja CaliforniaOccupation: Founder & Owner of a modern floral studio.Tech Use Level: High, comfortable with digital tools, social media & commerce platforms

Goals

Build a strong online presence for his brand
Increase direct online sales without relying on third-party marketplaces
Offer a seamless mobile shopping experience
Manage orders, inventory, and customer requests efficiently
Create a modern and visually attractive digital storefront

Pain Points

Losing track of customer orders from social media messages
Spending too much time manually confirming payments and deliveries
Limited customization options in existing e-commerce solutions
Difficulty scaling operations as order volume increases
Inconsistent user experience across devices

Needs

Fully customizable storefront templates
Easy-to-manage admin dashboard
Integrated payment gateways and order tracking
Responsive mobile-first design
Analytics dashboard for sales and customer insights

Behavior

Uses Instagram, TikTok, and Pinterest for brand promotion
Frequently updates product collections and seasonal campaigns
Works primarily from mobile devices but manages operations on desktop
Values modern aesthetics and intuitive interfaces

Admin User Flow

The user flow for this SaaS flower shop platform was designed to simplify the experience for both flower shop owners and customers by creating an intuitive and efficient digital ecosystem. During the UX research and discovery phase, the primary objective was to identify friction points in traditional flower shop operations — such as manual order management, scattered communication channels, and complex checkout experiences — and transform them into streamlined digital interactions.Swipe To Explore Flow >>

Client user flow

The client user flow for the SaaS flower shop platform was designed to create a simple and seamless online ordering experience. Users begin by browsing flower categories and product pages through the storefront, adding products to their cart, and proceeding to checkout. During checkout, customers can quickly add their contact information using Google authentication and choose between delivery or in-store pickup. Delivery orders require address details before payment, while pickup orders proceed directly to payment through Stripe integration, followed by order confirmation. The flow was optimized to reduce friction and improve usability across both desktop and mobile devices.

Lo-Fi Wireframes

During the early design phase of the SaaS flower shop platform, low-fidelity wireframes were created to establish the foundational structure, navigation hierarchy, and overall user experience of the product across both desktop and mobile devices. This stage focused on rapidly exploring layout solutions and validating user flows before moving into high-fidelity visual design. During the development of the design of this screens the wireframes went through some adjusting according to the user testing phase where we found improvement sections.

Platform Landing Page and Flower Shop Webpage

Design System

Designed and maintained a comprehensive design system for the SaaS floral e-commerce platform to ensure consistency and scalability across all user interfaces. Established standardized typography styles, color palettes, spacing and sizing systems, button states, and iconography guidelines to create a cohesive visual language and improve usability. Developed reusable UI components and design patterns that streamlined the design-to-development workflow, supported responsive design practices, and maintained brand consistency across landing pages, customer-facing websites, dashboards, and checkout experiences.

The platform uses 2 complementary icon styles to establish visual hierarchy, improve usability, and support different interaction contexts throughout the experience.

Minimal Line Icons Without BackgroundUsed for:

Navigation elements
Sidebar menu items
Hamburger menu
Search
User account actions
General interface control

This icon style maintains the interface visually lightweight and reduces unnecessary visual noise in high-frequency interaction areas.

Rounded Background IconsUsed for:

Input field indicators
Form-related interactions
Information entry sections
Social media integrations

These icons include a rounded background using the platform primary brown color to create stronger visual emphasis and improve contextual recognition.

Prototyping

Dashboard UI screens

The dashboard prototypes showcased in this project were selected to highlight the platform's core functionality without overwhelming the portfolio with excessive screens. The focus was placed on a small group of key interfaces that best represent the overall user experience and visual direction of the SaaS platform.The selected screens include the dashboard home, store editing interface, orders management table, and order details view. Together, these prototypes demonstrate how flower shop owners can efficiently manage their business operations through a centralized and user-friendly system.

The dashboard home screen was created to provide a structured overview of essential business data including address info, email address, phone number and their social media links so clients have access to them easily.

The edit store interface focuses on customization and content management, allowing users to update their storefront while maintaining a simple and intuitive workflow.

The orders screen was designed around organization and readability, using a clean table layout to help users monitor purchases and order statuses efficiently.

Lastly, the order details view expands on the management experience by presenting customer information, purchased products, payment details, and order summaries in a clear and digestible format.

These prototypes were developed to showcase the platform's design consistency, responsive structure, reusable UI components, and overall product thinking while keeping the portfolio presentation concise, focused, and visually balanced.

Platform Landing Page

The landing page was designed to introduce the SaaS platform through a clean and visually engaging experience that communicates its value to flower shop owners quickly and effectively. The layout focuses on presenting the platform's main features, benefits, and business solutions in a structured and accessible way, guiding users through the product with clear content hierarchy and intuitive navigation.

The product overview screen focuses on the shopping flow by presenting detailed product information, pricing, imagery, and purchase options in a clean and organized interface. This screen demonstrates how the platform supports flower shops in creating an approachable digital storefront that enhances product visibility, improves customer engagement, and provides an additional source of sales through e-commerce functionality.

The showcased screens include the website homepage and the product overview page, selected to represent the core customer shopping experience. The homepage was designed to highlight featured flower arrangements, promotional content, shop information, and key call-to-action sections that encourage product discovery and online purchases. The layout emphasizes visual hierarchy and branding flexibility, allowing each flower shop to personalize its storefront while maintaining a cohesive user experience.

Flower Shop Website

The flower shop website was designed as a customizable e-commerce solution that allows local flower businesses to expand their presence into digital sales channels while showcasing their products in a visually appealing and accessible way. The experience focuses on helping shops present their brand identity, featured arrangements, and product catalog through a modern and user-friendly storefront.