Shabazz Seafood wasn't just Savannah's favorite family-run fish joint; it was a portal to coastal bliss, each dish radiating warmth and a hint of sea salt. But the online ordering experience left much to be desired.
The online experience lacked the charm and ease of navigating the actual restaurant – where smiles and rapport guided you to your seafood bliss. So, my team set out to bring Shabazz's vibrant atmosphere to the users at home or on the go!
Shabazz Seafood wasn't just Savannah's favorite family-run fish joint; it was a portal to coastal bliss, each dish radiating warmth and a hint of sea salt. But the online ordering experience left much to be desired.
The online experience lacked the charm and ease of navigating the actual restaurant – where smiles and rapport guided you to your seafood bliss. So, my team set out to bring Shabazz's vibrant atmosphere to the users at home or on the go!
Shabazz Seafood wasn't just Savannah's favorite family-run fish joint; it was a portal to coastal bliss, each dish radiating warmth and a hint of sea salt. But the online ordering experience left much to be desired.
The online experience lacked the charm and ease of navigating the actual restaurant – where smiles and rapport guided you to your seafood bliss. So, my team set out to bring Shabazz's vibrant atmosphere to the users at home or on the go!
Developed the information architecture and UI design for the menu and prototyped the overall experience for a local restaurant's e-commerce services, packaged as a conceptual branding update. Utilized Figma for prototyping and interface design along with Adobe Illustrator and Procreate for graphic design and illustration. Conducted user testing and competitor analysis to ensure a smooth online ordering experience.
Developed the information architecture and UI design for the menu and prototyped the overall experience for a local restaurant's e-commerce services, packaged as a conceptual branding update. Utilized Figma for prototyping and interface design along with Adobe Illustrator and Procreate for graphic design and illustration. Conducted user testing and competitor analysis to ensure a smooth online ordering experience.
Developed the information architecture and UI design for the menu and prototyped the overall experience for a local restaurant's e-commerce services, packaged as a conceptual branding update. Utilized Figma for prototyping and interface design along with Adobe Illustrator and Procreate for graphic design and illustration. Conducted user testing and competitor analysis to ensure a smooth online ordering experience.
Project Brief
Project Brief
Project Brief
My Role:
My Role:
My Role:
Project duration: 10 weeks
Project duration: 10 weeks
Project duration: 10 weeks
The Current Homepage
The homepage needs to captivate visitors and establish your restaurant as a top-tier brand. Unfortunately, the current design presents some readability and visual appeal issues:
Food reviews: While including user testimonies boosts credibility, formatting inconsistencies like misaligned text and suboptimal letter spacing hinder readability and detract from the user experience.
Footer: An overly spacious and fixed footer consumes valuable screen real estate and hinders the flow of content.
Menu Item Collage: Inconsistent image sizes and repetitive watermarks create a cluttered and unprofessional impression.
The Current Homepage
The homepage needs to captivate visitors and establish your restaurant as a top-tier brand. Unfortunately, the current design presents some readability and visual appeal issues:
Food reviews: While including user testimonies boosts credibility, formatting inconsistencies like misaligned text and suboptimal letter spacing hinder readability and detract from the user experience.
Footer: An overly spacious and fixed footer consumes valuable screen real estate and hinders the flow of content.
Menu Item Collage: Inconsistent image sizes and repetitive watermarks create a cluttered and unprofessional impression.
Out with the Old...
Out with the Old...
The Current Menu
Current State: The website's Menu Page features only a menu image, which is a promising approach for showcasing the restaurant's offerings. However, the image suffers from:
Low Quality: The JPEG format presents a blurry and pixelated appearance, hindering readability.
Accessibility Concerns: Even for those with normal vision, zooming is necessary to decipher details, potentially creating an awkward user experience.
Additionally, we felt this menu left a little too much to the imagination, results from customer interviews and user surveys revealed that users who were Shabazz customers, or interested in ordering food from them wished for a more descriptive menu, ideally with product images.
The Current Menu
Current State: The website's Menu Page features only a menu image, which is a promising approach for showcasing the restaurant's offerings. However, the image suffers from:
Low Quality: The JPEG format presents a blurry and pixelated appearance, hindering readability.
Accessibility Concerns: Even for those with normal vision, zooming is necessary to decipher details, potentially creating an awkward user experience.
Additionally, we felt this menu left a little too much to the imagination, results from customer interviews and user surveys revealed that users who were Shabazz customers, or interested in ordering food from them wished for a more descriptive menu, ideally with product images.
... In with the New.
... In with the New.
Our Homepage
Following a comprehensive analysis of the Shabazz website's current user experience, we've implemented strategic design upgrades to address user challenges that we observed during our user research. The result? A more vibrant and engaging website that pulls its users in, giving them quick and easy access to Shabazz’s whirlwind of flavor.
Our Homepage
Following a comprehensive analysis of the Shabazz website's current user experience, we've implemented strategic design upgrades to address user challenges that we observed during our user research. The result? A more vibrant and engaging website that pulls its users in, giving them quick and easy access to Shabazz’s whirlwind of flavor.
At a Glance:
Bold visuals: Hero image and impactful food shots captivate visitors.
Strategic user flow: Menu preview and arrow icons encourage exploration.
Dynamic engagement: Carousel format showcasing user reviews builds trust.
Engaging User Reviews:
Recognizing the value of customer testimonials, we've reorganized the user reviews section. A dynamic carousel format now showcases positive feedback, enhancing credibility and adding social proof. This engaging presentation inspires trust and confidence in potential diners.
Engaging User Reviews:
Recognizing the value of customer testimonials, we've reorganized the user reviews section. A dynamic carousel format now showcases positive feedback, enhancing credibility and adding social proof. This engaging presentation inspires trust and confidence in potential diners.
Captivating First Impression:
The homepage now features a hero section dominated by a large, high-quality image, instantly capturing attention and showcasing your culinary artistry. This scroll-stopping visual sets the stage for an immersive dining experience.
Captivating First Impression:
The homepage now features a hero section dominated by a large, high-quality image, instantly capturing attention and showcasing your culinary artistry. This scroll-stopping visual sets the stage for an immersive dining experience.
Streamlined Menu Discovery:
To entice immediate engagement, we've introduced a prominent menu preview highlighting your most popular dishes. This strategic placement acts as a gateway to deeper menu exploration, potentially increasing online orders.
Streamlined Menu Discovery:
To entice immediate engagement, we've introduced a prominent menu preview highlighting your most popular dishes. This strategic placement acts as a gateway to deeper menu exploration, potentially increasing online orders.
Enhanced Food Showcase:
Moving away from the collage layout, we've prioritized larger, mouthwatering food images within the menu section. Each visually enticing picture is paired with a clear, concise dish description, further enticing exploration. An intuitive arrow icon subtly encourages users to delve deeper into the full menu.
Enhanced Food Showcase:
Moving away from the collage layout, we've prioritized larger, mouthwatering food images within the menu section. Each visually enticing picture is paired with a clear, concise dish description, further enticing exploration. An intuitive arrow icon subtly encourages users to delve deeper into the full menu.
Our Menu
To offer a fresh, user-centric experience, we implemented the following improvements based on user research and A/B testing and believe these improvements will transform Shabazz's online menu into a visually appealing, informative, and interactive tool that drives customer engagement and online sales.
Our Menu
To offer a fresh, user-centric experience, we implemented the following improvements based on user research and A/B testing and believe these improvements will transform Shabazz's online menu into a visually appealing, informative, and interactive tool that drives customer engagement and online sales.
At a Glance:
Elevated User Experience: Increased accessibility and visual clarity will lead to a more enjoyable and efficient ordering experience.
Customer Confidence: Detailed descriptions and high-quality visuals will build trust and encourage new and returning customers to try dishes.
Boosted Conversions: A user-friendly interface, coupled with highlighted deals or popular choices, is expected to increase online orders through the website.
Highlights Banner:
Prominently featuring customer favorites via a banner, instead of disruptive popup ads! This is geared towards guiding users towards delicious options, simplifying the decision-making process.
Highlights Banner:
Prominently featuring customer favorites via a banner, instead of disruptive popup ads! This is geared towards guiding users towards delicious options, simplifying the decision-making process.
Accessibility Focus:
Every element - from text to images – is optimized for clear visibility across devices and for users with varying visual abilities.
Accessibility Focus:
Every element - from text to images – is optimized for clear visibility across devices and for users with varying visual abilities.
Interactive Interface:
The new menu is no longer static. Users can now explore categories, view high-quality product images, and access detailed descriptions.
Interactive Interface:
The new menu is no longer static. Users can now explore categories, view high-quality product images, and access detailed descriptions.
Mobile Orders - Available NOW
Mobile Orders - Available NOW
Mobile Orders - Available NOW
Introducing the Shabazz App!
Ordering fresh fried fish has never been this easy! We’re excited to bring users this new, quick way to get their seafood fix from the comfort of their homes, or while they’re making it through a busy work day. Utilizing voice AI for ease of ordering, and a user profile feature for easy access to your favorites, the Shabazz App makes ordering enjoyable!
Introducing the Shabazz App!
Ordering fresh fried fish has never been this easy! We’re excited to bring users this new, quick way to get their seafood fix from the comfort of their homes, or while they’re making it through a busy work day. Utilizing voice AI for ease of ordering, and a user profile feature for easy access to your favorites, the Shabazz App makes ordering enjoyable!
Introducing the Shabazz App!
Ordering fresh fried fish has never been this easy! We’re excited to bring users this new, quick way to get their seafood fix from the comfort of their homes, or while they’re making it through a busy work day. Utilizing voice AI for ease of ordering, and a user profile feature for easy access to your favorites, the Shabazz App makes ordering enjoyable!
New Look, Same Spirit. Get it While it's HOT!
New Look, Same Spirit. Get it While it's HOT!
New Look, Same Spirit. Get it While it's HOT!
© Benjamin TIMI Dare. 2024
© Benjamin TIMI Dare. 2024
© Benjamin TIMI Dare. 2024