BloomHaus Floral E-Commerce Website
BloomHaus is a floral e-commerce website concept created for a modern flower studio. The project focused on building a clean and colorful online experience that feels bright, editorial, and easy to browse.
The brand story follows Jonah, a florist who was born colorblind and later gained the ability to see color at age fifteen. That story shaped the visual direction of the site, making color, emotion, and floral design the center of the experience.
Client: Personal / Academic Project
Industry: Floral, E-commerce, Lifestyle
Role: Front-End Designer, UX/UI Designer
Project Type: Multi-page website
Platform: Responsive website
Year: 2025
Focus: Web design, front-end development, visual storytelling, product browsing, brand design
The Problem
Many floral websites feel either too traditional, too plain, or too focused on products without telling a strong brand story. For a flower studio like BloomHaus, the website needed to do more than show arrangements. It needed to create an emotional connection through color, imagery, and storytelling while still making it easy for users to browse and shop.
BloomHaus solves this by combining a bright visual identity, clear product sections, and a personal brand story that makes the flower studio feel memorable and unique.
Tools Used
HTML, CSS, JavaScript, ChatGPT, Unsplash, Freepik
UX Process
The process included:
Researching floral, lifestyle, and e-commerce website patterns
Planning the main site structure for Home, About, Shop, Product Details, Gallery, and Contact
Creating a brand story around color, emotion, and floral design
Sketching early layout ideas for the homepage, product cards, gallery, and about page
Designing a bright visual direction with a white background and bold color accents
Coding the website with HTML, CSS, and JavaScript
Adding interactive elements like gallery behavior, hover effects, diagonal sections, and soft movement
Testing the layout across different screen sizes