Need Help Improving UX/UI for a Restaurant Menu Website

Forum|Forum|1 year ago
January 13, 2025
4 replies
453 views

Hi everyone,

I’m currently working on designing a restaurant menu website, specifically one that provides detailed menu items, updated prices, and promotional offers for a popular chain. While I’ve made progress on the overall layout, I’m facing some challenges in improving the user experience (UX) and user interface (UI) to make the site more engaging and user-friendly.

One of my main issues is organizing the menu items effectively. With so many categories like breakfast, beverages, and desserts, the current design feels cluttered, and users might find it overwhelming to navigate. I’m considering adding filters or dropdowns, but I’m not sure how to implement them in a way that keeps the design clean while maintaining functionality.

Another concern is the call-to-action buttons for deals, coupons, and rewards. I want these to stand out without disrupting the overall aesthetic of the site. Should I use floating buttons, or would it be better to integrate these elements into the header or sidebar?

Lastly, I’d love suggestions for improving visual hierarchy. I want the updated prices to be noticeable but not overpowering, as the primary focus should remain on the menu items themselves. If anyone has tips, design examples, or resources that could help me refine this aspect, I’d greatly appreciate it.

Looking forward to your advice and insights!

S

Sophie_Turner7926

New Participant

Great project! For cleaner navigation, try using category tabs or collapsible sections instead of dropdowns; they feel lighter and more intuitive. Highlight deals with subtle accent colors or icons rather than floating buttons to keep focus on the menu. For visual hierarchy, use consistent typography and contrast to make prices clear but secondary. Clean, simple, and effective!

AkinGn

Inspiring

Hello @Donutlovers, as you pointed out, the biggest issue in the design is the large orange area in the menu/header section, I'm not sure how you can group them as I'm not expert in the field but you should group them under max.3 dropdowns, I'd say.

For overall design, I suggest you checking Dunkin' Donuts website etc, really pro websites in the field and applying similar spacing, color usage, contrast etc principles to create a better website. Also, an info like "This is a purely informational website...." shouldn't be stealing that much attention, being at the very top and being that big, I'd place it somewhere in the footer/at the very bottom of the site. Good luck & hope this helps!

K

Kim34523695uc9x

Participating Frequently

I had the same question while working on a restaurant menu website with lots of categories and promotions. Organizing items without overwhelming users was a big challenge for me too. I also wasn’t sure how to highlight deals and CTAs without disrupting the design. Excited to see suggestions here that could improve both UX and UI.

K

Kim34523695uc9x

Participating Frequently

I had the same question while working on a restaurant menu this website with lots of categories and promotions. Organizing items without overwhelming users was a big challenge for me too. I also wasn’t sure how to highlight deals and CTAs without disrupting the design. Excited to see suggestions here that could improve both UX and UI.

Thanks so much for the feedback! That’s a great point about grouping the menu categories into a maximum of three dropdowns—it should definitely help reduce the clutter and make navigation simpler. I’ll also take your suggestion and look at sites like Dunkin’ Donuts for inspiration on spacing, color balance, and overall hierarchy. And you’re absolutely right about the informational note—it doesn’t need to dominate the header, so moving it down to the footer is a smart adjustment. Really appreciate your insights, this gives me a clearer direction to refine the design!

Tina_Irvine

Adobe Expert

Hi @Donutlovers,

This sounds like more of a design question, but if there's something specific with Adobe Express that we can help you with, please let us know 🙂

For your design and layout, I would recommend looking online for menu inspiration, or hiring a graphic designer who will be happy to work with you on making your menu organized, functional, and clean. Since you're creating promo offers for a popular chain, I would also recommend looking at possibly incorporting any necessary brand elements, pre-existing marketing, and guidelines.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded