About
A redesign project of Slurping Turtle (Japanese fusion) from my Advanced Interaction Design course at the University of Michigan
Purpose
To revamp the current restaurant website to drive traffic and provide a more accessible way for customers to browse and order food online
What I learned
Clear and intuitive forms save user time during checkout
Micro interactions make the product and experience more engaging and memorable
The power of system design with variables and components
Duration
2 months
My Role
UX / Interaction Designer
What I did
Research: Competitive analysis
Define: Information architecture
Design: Style guide, Wireframes
Deliver: High-fidelity prototypes
Challenge
Despite being one of Ann Arbor’s busiest Asian restaurants, Slurping Turtle’s website is difficult to navigate, offers limited interactivity, and lacks an online ordering flow
“How do we transform Slurping Turtle’s website into an intuitive, engaging platform that makes browsing and online ordering easy for customers?”
Solution
An interactive, easy-to-navigate menu and a streamlined online ordering service
Intuitive Navigation
Navigation is consistent across breakpoints
Addition of online ordering button to direct users to a primary CTA
Responsive Layout
Optimized layout for desktop, tablet, and mobile screens
Maintains functionality across breakpoints
Improved Functionality
Incorporated online ordering and checkout
Engaging progress bar using the turtle logo to bring more clarity during checkout flow
Menu categories are grouped vs. scroll
Enhanced Visual Design
Highlighted Slurping Turtle’s brand identity with brand’s color (Purple and Orange)
Playful typeface reflecting the Slurping Turtle’s logo
What’s the process behind the scene?
Competitive Analysis
What are other restaurant’s website like? What are they doing well, and not?
To understand the good and bad practices, we conducted some market research on Slurping Turtle’s direct and indirect competitors, including popular chain and similar local restaurants.
We analyzed the findings and found strengths in Noodles & Company’s website. This helped us assess our design and informed our decisions based on real data.
