DreamFlour is a locally operated bakery in the Kitchener-Waterloo region specializing in custom cakes, catering, and handcrafted baked goods. After more than 20 years of serving customers primarily through phone orders and in-store visits, the business wanted to expand into franchising and introduce a more seamless online ordering experience.
The challenge was not only creating an e-commerce platform, but translating the emotional and highly personalized experience of ordering a custom cake into a digital environment.
DreamFlour’s existing ordering process relied on:
This made it difficult for customers to:
At the same time, the bakery wanted the new experience to preserve the warmth, creativity, and excitement associated with celebrations and custom cakes.
Design a responsive e-commerce website that:
One of the earliest stages of the project focused on defining a unique visual language for the website experience. Instead of jumping directly into UI production, I explored multiple creative directions to identify what emotional feeling best represented DreamFlour’s brand.
The first direction focused on expressing:
The concept for the logo originated from a subtle storytelling detail:
the shape of a cake being cut and eaten with a small fork.
The logotype used the initial “D” from DreamFlour, where a portion of the letter appeared to be “cut out,” creating the feeling of someone taking a bite from a piece of cake. This became a distinctive visual motif throughout the interface.
I amplified this shape across the UI system by incorporating it into:
This helped create a cohesive and memorable visual identity that felt playful without losing sophistication.
The primary palette included:
To ensure accessibility compliance, I tested multiple CTA button variations in:
Each variation was reviewed for:
The second visual direction was inspired by a familiar emotional trigger:
the shape of a cake box.
That recognizable package instantly communicates anticipation and celebration — the feeling that something special is arriving.
Using this concept, I introduced a hexagonal structural motif throughout the interface design.
The hexagonal form was integrated into:
This direction leaned toward a more:
The secondary palette included:
Again, accessibility and color contrast testing were integrated into the design process to ensure readability and usability across all touchpoints.
After presenting both directions to the client, an important insight emerged:
While the minimal logo direction was conceptually strong, it did not emotionally resonate with the client in the way they envisioned for their bakery.
This feedback became an important turning point in the design process.
Rather than forcing the initial direction, I explored a third logo concept that leaned more directly into the emotional familiarity of baked goods and celebration culture.
The final logo direction featured:
This approach created a more:
To complement the updated logo, I selected a script typeface that better reflected:
The combination of the illustrated cake mark and expressive typography helped align the visual identity more closely with the client’s vision and target audience.
Beyond the visual identity, the UX strategy focused on simplifying the customization process for users.
One of the primary UX challenges was translating highly personalized cake orders into a structured digital workflow.
A guided ordering experience was designed to help users customize:
This step-by-step flow reduced ambiguity while helping customers feel more confident throughout the process.
Accessibility was integrated throughout the project by following AODA guidelines.
This project reinforced the importance of balancing:
One of the biggest lessons from this process was understanding how visual identity is not only about aesthetics or conceptual thinking — it is also about emotional resonance with both the client and the audience.
The iterative exploration process helped shape a final experience that felt both functional and deeply personal to the bakery’s brand story.