UI / UX Wireframe and Prototype

Carol Graphicide

0

Prototyper

UI Designer

Figma

Case Study: Carry Hot Sauce Website Design

Project Overview: The goal was to design a smooth, engaging, and easy-to-use e-commerce experience for Carry Hot Sauce, a brand that offers spicy, flavorful sauces to elevate meals. The user, Victoria, in her 50s, is familiar with the brand but is cautious about spending on herself. The website needed to be both informative and persuasive, guiding her from discovery to purchase seamlessly.
Persona for carry hot sauce
Persona for carry hot sauce
Design Process:
Wireframing in Figma: I began by creating wireframes that mapped out the user journey from the Home Page to the Confirmation Page. Each step was carefully planned to ensure a smooth flow from product discovery to checkout.
Pages Designed:
Home Page: The home page introduces the brand with bold visuals and an inviting tone. I used clear CTA buttons like "BUY NOW" and "LEARN MORE" to direct users to products.
Product Page: Featuring high-quality product shots and clear pricing, this page emphasizes the sauce's features and benefits, with a strong CTA to make a purchase.
Checkout Page: A simple, user-friendly form makes it easy for customers to input their details and complete the transaction.
Confirmation Page: After purchase, users are greeted with a cheerful confirmation message and an option to share their purchase on social media.
Prototyping and Testing: I created interactive prototypes to test the user flow. The transition from the Home Pagethrough to Checkout and Confirmation was seamless, ensuring the user experience was fluid and engaging.
Wireframe for carry hot sauce
Wireframe for carry hot sauce
final prototype
final prototype
Conclusion: The design process focused on creating a fun yet straightforward e-commerce experience. From bold visuals on the homepage to a simple checkout process, the design was tailored to the needs of Victoria, the ideal customer. The result is an easy-to-navigate, visually appealing site that makes purchasing Carry Hot Sauce a delightful experience.
Like this project
0

Posted Jan 22, 2025

I designed a vibrant e-commerce site for Carry Hot Sauce, focusing on user-friendly navigation, clear CTAs and seamless checkout, ensuring a delightful shopping

Likes

0

Views

3

Tags

Prototyper

UI Designer

Figma

Website for Event and ticket purchasing - DREAMUP EVENTS
Website for Event and ticket purchasing - DREAMUP EVENTS
Website for Export - import business (Planetary Merchant)
Website for Export - import business (Planetary Merchant)
Logo designs for THE BOOKDRAGONS TREASURES
Logo designs for THE BOOKDRAGONS TREASURES
Website for a studio - Zlashers Productions
Website for a studio - Zlashers Productions