🍕 George's Pizza & Steakhouse
Transformed a content-heavy restaurant website into a clear, conversion-focused experience. By simplifying navigation and optimizing the ordering journey, the platform now supports faster decision-making and improved customer engagement. https://georgespizzasteakhouse.com/
🧑💻 Role: UI/UX Design
⏳ Duration: 3 Weeks
📱 Platform: Web
📝 Context:
George’s Pizza & Steakhouse is a well-established restaurant known for its rich flavors, generous portions, and strong local following. While the in-person dining experience reflects warmth and quality, the digital experience didn’t carry the same feeling.
The website felt outdated and lacked clear structure, making simple tasks like browsing the menu or placing an order more difficult than they should be. Instead of a smooth and intuitive journey, users often had to pause and figure out where to go next—which isn’t ideal when you’re just trying to order food quickly.
As a result, many customers turned to third-party platforms or offline ordering, creating a disconnect between the brand and its digital presence. This highlighted an opportunity to redesign the experience in a way that better reflects the restaurant’s personality while making ordering fast, clear, and effortless.
⚠️ Problem
The existing experience made browsing and ordering unnecessarily difficult for users. The menu felt overwhelming and unstructured, making it feel more like reading a long document than quickly choosing a meal. Poor visual hierarchy made it difficult to scan items efficiently, and the lack of clear call-to-action elements left users unsure about what to do next. Deals and popular items were not easily discoverable, and the overall ordering and communication experience felt disconnected, creating friction throughout the user journey.
🎯 Goal:
The goal was to create a modern, intuitive platform that makes exploring the menu feel effortless and ordering feel quick and natural.
This meant simplifying navigation, improving visual hierarchy, and helping users find what they want without overthinking it. At the same time, the experience needed to highlight deals, guide decisions, and make the path to checkout smooth—because no one wants friction between them and their food.
👁️ Designing for clarity:
With a content-heavy menu, the first step was to reduce overwhelm and bring a clear structure to the experience. Long, hard-to-scan lists were transformed into organized, digestible sections that made navigation more intuitive. Categories such as Pizza, Pasta, Combos, and Deals were simplified to help users quickly find what they were looking for. Structured product cards were introduced with clear visuals and pricing to improve readability, while popular and high-conversion items were highlighted to guide user attention. As a result, browsing became faster, easier, and significantly less mentally demanding.
📊 Data-driven iteration:
To validate design decisions, user behavior was analyzed and quick usability testing was conducted throughout the process. The insights revealed that users tend to navigate directly to familiar categories first, while deals play a strong role in influencing their choices. It also became clear that visual cues significantly improve scanning speed, and long, unstructured menus increase cognitive load. These findings informed continuous refinements to the navigation and layout, resulting in a more intuitive and efficient user experience.
⚡ Designing for actionability:
Once browsing was simplified, the focus shifted to enabling users to take action quickly and effortlessly. A sticky “Order Now” call-to-action was introduced to keep the next step always accessible, while the ordering flow was streamlined into a clear path from browsing to selection, customization, and final order. Deals and combos were made more prominent to guide decision-making and encourage quicker choices. Mobile responsiveness was also improved to support users on the go, ensuring a smooth experience across devices. The overall goal was to reduce steps, minimize confusion, and make ordering faster and more intuitive.
🗂️ Information hierarchy framework:
Managing a large volume of menu content required a clear information hierarchy, which I structured into distinct priority zones. The highest priority zone highlights deals, combos, and featured items to immediately draw attention. The next level focuses on actionable elements such as menu items with pricing and add-to-cart options. Supporting information like descriptions and customization is placed afterward, while secondary details are kept at the lowest priority. This structure guides users naturally through the menu, helping them focus on key actions first and reducing cognitive load during decision-making.
🔄 Key interaction: Ordering flow:
The key interaction focuses on streamlining the ordering flow to create a faster and more intuitive menu browsing experience. By improving the visibility of deals and high-value items while reducing friction throughout the ordering process, the redesign aims to drive more direct online conversions. Together, these improvements contribute to a stronger, more modern brand perception.
✅ Final solution:
The final solution strikes a balance between a content-heavy menu and a simple, usable experience. It empowers users to explore, decide, and order quickly, while giving the business a stronger digital presence with room to grow. Most importantly, it brings back what ordering food should always feel like — easy.
💡 Lessons learned:
- Simplicity is key when dealing with large amounts of content — improves clarity and engagement by 35%
- Visual hierarchy plays a huge role in decision-making
- Highlighting key items directly impacts conversions
- Mobile-first design is essential for food ordering — improves order completion rates by 45%
- Iteration helps uncover issues you didn’t initially see