← Back to Blog

How to Design a Digital Menu That Actually Sells: A Visual Merchandising Guide | Zenith

Your Menu Design Is Costing You Money

A poorly designed digital menu doesn't just look bad — it actively reduces sales. Cornell University's Center for Hospitality Research found that menu design changes (without changing the actual items or prices) can shift item sales by 16-20%. That means you could increase revenue by simply redesigning how you present what you already sell.

Digital menus amplify this effect because they offer tools that static menus can't: motion, rotation, dayparting, and dynamic content. But these tools only work when guided by solid design principles.

The Menu Engineering Foundation

Before designing anything, you need to classify your menu items using the BCG-style menu engineering matrix:

Stars (High Profit + High Popularity)

Your best items. These should get the most prominent placement, largest images, and visual highlighting. They're already popular — make them impossible to miss.

Examples: Signature dishes, best-selling combos, items with strong food cost margins.

Plowhorses (Low Profit + High Popularity)

Customers love these, but they don't make you much money. Strategies:

• Reduce portion size slightly and adjust price
• Use them as combo anchors with high-margin sides and drinks
• Position them near Stars so customers see the Star first

Puzzles (High Profit + Low Popularity)

These make good money but nobody orders them. Strategies:

• Give them visual prominence — photos, highlight boxes, animation
• Rename them (studies show item name changes can boost sales 27%)
• Have staff recommend them verbally while the digital board reinforces visually

Dogs (Low Profit + Low Popularity)

Nobody orders them and they don't make money. Remove them from the digital menu or bury them in the least prominent position. Every item on screen competes for attention — dogs steal it from Stars and Puzzles.

Layout Principles for Digital Screens

The Golden Triangle

Eye-tracking research shows that people viewing a digital menu board follow a predictable pattern:

1. Center of the screen (first fixation point)
2. Upper-right quadrant (second fixation)
3. Upper-left quadrant (third fixation)

This creates a "golden triangle" — place your highest-margin items in these three zones. The bottom corners of the screen receive the least attention and should house lower-priority items or static information (allergen notices, social media handles).

Screen-to-Menu Ratio

How many screens do you need? The formula:

• Up to 15 items: 1 screen
• 16-30 items: 2 screens
• 31-50 items: 3 screens
• 50+ items: 3 screens with rotating content zones

Each additional screen increases cost but decreases decision fatigue. The sweet spot for most QSRs is 3 screens — it provides enough space to feature items beautifully without overwhelming customers.

White Space Is Not Wasted Space

The number one design mistake: filling every pixel. White space (or dark space on dark backgrounds) serves critical functions:

• Guides the eye between items
• Makes text more readable
• Creates a sense of quality and premium positioning
• Reduces cognitive load

Aim for 30-40% of your screen area as empty space. It feels counterintuitive, but less content displayed more beautifully drives more sales than more content crammed into the frame.

Typography That Sells

Font Selection

• Item names: A bold sans-serif for maximum readability (Montserrat, Poppins, DM Sans)
• Descriptions: A lighter weight of the same family or a clean serif for warmth
• Prices: Same as item names but lighter weight — present but not dominant
• Never use more than 2 font families on a single screen

Size and Readability

Calculate minimum text size based on maximum viewing distance:

• 10 feet: 1-inch minimum character height
• 15 feet: 1.5-inch minimum
• 20 feet: 2-inch minimum

These are minimums. Category headers and featured item names should be 50-100% larger than the minimum for visual hierarchy.

Photography That Converts

The Science of Food Photography on Menus

Items with photos sell 30% more than items without. But poor photography sells less than no photography at all. The quality threshold matters:

• Invest in professional photography: $500-$1,500 for a menu shoot (10-20 items)
• Style for the screen: Images should be bright, slightly overhead (15-45° angle), with shallow depth of field
• Consistent style: All photos should use the same lighting, background, and editing style
• Hero shots: Your 3-5 highest-margin items should have the largest, most beautiful images

How Many Photos?

Don't photograph every single item. Research shows that menus with photos of 30-40% of items perform best. Too many photos creates visual noise; too few misses the upselling opportunity. Focus photos on:

• Stars (high profit, high popularity)
• Puzzles (high profit, low popularity — photos increase awareness)
• New items and limited-time offers

Price Presentation Psychology

Drop the Dollar Sign

A classic Cornell study found that removing the dollar sign from menu prices (writing "12" instead of "$12.00") increased average spending by 8%. On digital menus, this is even more effective because the clean visual doesn't trigger "price anxiety."

Don't Align Prices in a Column

When prices are right-aligned in a neat column, customers can quickly scan and compare prices — choosing the cheapest option. Instead, place prices at the end of the item description so customers read about the food before seeing the price.

Avoid Price Anchoring Mistakes

If your most expensive item is $24 and everything else is $8-$12, the $24 item makes everything else look cheap (positive anchoring). But if items are closely priced ($10, $11, $12), customers default to the cheapest. Price architecture should create clear value tiers.

Color Psychology on Digital Menus

• Red: Stimulates appetite and creates urgency. Use for featured items and promotional callouts.
• Yellow/Orange: Warm, inviting, appetizing. Excellent for backgrounds behind food photography.
• Green: Signals freshness and health. Use for salads, vegetarian options, and "fresh" callouts.
• Dark backgrounds (black, dark navy): Make food photos pop and create a premium feel. The industry standard for digital menu boards.
• White text on dark background: Most readable for menu boards viewed from distance.

Your color palette should align with your overall brand identity — consistency between your menu boards, website, and printed materials reinforces brand recognition.

Motion and Animation Guidelines

• Content rotation: 8-12 second dwell time per slide (shorter = anxiety, longer = boredom)
• Transitions: Smooth cross-fades or wipes. No jarring cuts.
• Subtle motion: Slight zoom on food photos, gentle highlight pulses on featured items
• Avoid: Scrolling text, flashing elements, or anything that moves continuously

Testing and Optimization

Digital menus have a massive advantage over print: you can A/B test. Try different layouts, item placements, and photos for 2-week periods and measure the impact on sales mix and average ticket.

Track these metrics weekly:

• Average ticket size
• Star item sales percentage
• Combo/upsell attachment rate
• Items per transaction

Make sure your online menu matches in quality and design — customers who see a beautiful in-store menu and then visit a poorly designed website experience a disconnect that erodes trust.

The Bottom Line

Menu design is not graphic design — it's sales strategy expressed visually. Every element on your digital menu board should serve one of three purposes: attract attention, communicate value, or drive a purchase decision. If it doesn't do one of those things, remove it. The result is a cleaner, more effective menu that grows your revenue from every customer who walks through the door.