E-commerce Website
UX Case Study
Role: Research | UX Design | Visual Design | WordPress Developer
January 2024 - April 2024
Tools Used
Project Overview :
This project involves developing an e-commerce website for an online dessert shop launching in August 2024. The site will showcase a variety of desserts and offer services like party and event workshops. We began by creating a unique logo and defining the brand identity. Our goal is to provide users with a sweet and memorable experience while navigating the website, enhancing their interaction with the brand.
Problem Statement:
Rainbow Cafe, an upcoming online dessert shop launching in August 2024 in the Greater Toronto Area (GTA), Ontario, lacks a website and logo. This absence hinders their ability to establish an online presence, showcase their desserts, and compete effectively. Immediate action is needed to create a website and logo to ensure a successful launch and operation. The website should serve as a platform to not only display their enticing array of desserts but also to highlight additional services such as party and corporate gift offerings, including kids decorating BD parties and organization dessert gift boxes.
Solution
The logo should be eye-catching, conveying the sweetness and joy of indulging in desserts. For the website, it needs to be visually captivating, showcasing tempting dessert images against a warm and inviting backdrop. This design will entice visitors to explore the offerings effortlessly and facilitate an easy ordering process, ensuring a seamless and enjoyable experience for customers. Additionally, the website should prominently feature the range of services offered, including party and corporate gift options such as kids decorating BD parties and organization dessert gift boxes.
Competitive Analysis
The purpose of conducting a competitor analysis for Raindow Cafe was to assess the strengths and weaknesses of competitors in comparison to Raindow Cafe, while also identifying market gaps. To accomplish this, a structured approach was adopted:
- Competitor Profiling: A comprehensive list of competitors was compiled, focusing on factors such as target demographics and business strategies. This provided insights into the distinct approaches of each competitor.
- User Experience Assessment: To gain firsthand insights into competitor offerings, I interacted with their platforms and interviewed users. This process yielded valuable feedback on user experiences and preferences.
- SWOT Analysis: A SWOT analysis was conducted to identify the strengths, weaknesses, opportunities, and threats of competitors. This analysis facilitated the identification of areas where Raindow Cafe could excel and opportunities to leverage in the market.
Key Findings
- Short & Sweet Bakeshop: Established in the GTA for over a decade, Sweet Treats Bakery offers a wide range of desserts online, including cakes, cupcakes, and pastries. They have a user-friendly website with an intuitive ordering system and a visually appealing logo that reflects their brand identity.
- Delightful Desserts: A relatively new player in the online dessert market, Delightful Desserts focuses on artisanal and gourmet desserts made with high-quality ingredients. Their website features stunning product photography and easy navigation, complemented by a modern logo design.
- Sugar Rush Confections: With a strong social media presence and a loyal customer base, Sugar Rush Confections specializes in customizable dessert options, catering to various dietary preferences. Their website emphasizes personalization and showcases customer testimonials prominently, while their logo exudes creativity and sweetness.
- Dessert Haven: Operating both as an online store and a physical location, Dessert Haven offers a diverse selection of desserts, ranging from traditional favorites to innovative creations. Their website prioritizes simplicity and speed, ensuring a seamless shopping experience, while their logo embodies warmth and indulgence.
User Persona
Sarah is a busy professional who works long hours in the fast-paced world of marketing. She lives in downtown Toronto and enjoys exploring the city’s diverse culinary scene in her free time. With her hectic schedule, Sarah often finds herself craving indulgent desserts but struggles to find the time to visit dessert shops in person.
Goals and Needs:
Convenience: Sarah is looking for a convenient way to satisfy her dessert cravings without sacrificing her busy schedule.
Quality: She values high-quality desserts made with fresh ingredients and innovative flavours.
Variety: Sarah enjoys exploring a wide variety of desserts, from classic favorites to unique and creative creations.
User-Friendly Experience: She expects an intuitive and seamless online ordering experience that saves her time and effort.
Pain Points:
Limited Time: Sarah’s demanding job leaves her with limited free time, making it challenging for her to visit dessert shops during their operating hours.
Decision Fatigue: With her busy lifestyle, Sarah often experiences decision fatigue and appreciates options that make it easy for her to choose from a curated selection of desserts.
How Raindow Cafe Website Can Help:
Raindow Cafe can cater to Sarah’s needs by offering a user-friendly e-commerce platform with a diverse selection of high-quality desserts. By prioritizing convenience, quality, and variety, Raindow Cafe can capture Sarah’s attention and become her go-to destination for satisfying her dessert cravings on-the-go.
Logo Design | Style Guide
Following market and user research, I proceeded with logo design. After engaging in insightful discussions with the business owners and thoroughly understanding their needs and preferences, I collaborated on creating a mood board to visualize our ideas.
From this exploration, I developed two distinct logo designs, both carefully crafted to resonate with the brand’s identity. Ultimately, after careful consideration and feedback, the second design emerged as the clear winner.
In this phase, I also established a cohesive color palette and typography for the website to ensure visual harmony and consistency across all brand elements.
Logo Variation | Colors
Colors | Typography
During the design phase, I developed a streamlined design system encompassing buttons, grids, spacing, and other essential website elements. This system ensures consistency throughout the website, enhancing user experience and reinforcing the brand identity.
Information Architecture
After conducting thorough consultations with business owners to define their company goals, and users’ objectives, and conducting a comprehensive competitor analysis, the next step was to organize the content. Through collaborative sessions with users and stakeholders, I conducted card sorting exercises to group content logically, ensuring a user-friendly experience. This process informed the creation of a site map, visualizing the representation and outlining the navigation structure. With wireframe prototypes and user testing iterations, I finalized the information architecture presented below:
Sketches
After finalizing the features and deliverables, I created a paper prototype. This helped me understand how users would navigate the website. I sketched website pages while keeping in mind the information architecture and research findings. Sketching helped me quickly explore different design solutions for the features involved. After adding notes and comments, I showed the prototype to stakeholders before moving on to the next step.
Mid-Fidelity Wireframes
Using insights from sketching and paper prototyping, I began creating Mid-Fidelity wireframes in Figma. My focus during this stage was to align user and business objectives while ensuring well-designed functionality and overall page layout.
Thank you for taking the time to explore the process behind the UX design of Raindow Cafe’s website. The visual design and UI components of the case study are currently under development and will be uploaded at a later time. Stay tuned for updates as we continue to refine and enhance the user experience. Your interest, support, and feedback are greatly appreciated!