All systems active / IRAD ENGINEERING · Ebikon, CH

← Back to the overview article

Design · Screen format

Prepare menus and videos for portrait and landscape screens

This guide compares two layouts of the same daily menu. The key factors are the available display area, concise text and a test on the playback device.

SUISSE-VIDEO · 6 October 2026 · 4-minute read

1. Measure the actual area

Determine the width and height of the playback area. For a website, also check how that area changes across devices. Match the screen mounting to the playback device’s orientation. A card layout alone does not rotate a screen.

2. Choose the essential details

Select a few dishes with prices and necessary notes. Keep each dish, its price and description together. Check longer dish names and required language versions before choosing a layout.

3. Test two layouts rather than smaller text

Create a two-column layout for wide areas and a stacked version for narrow ones. The examples arrange the same information differently. Use the layout that is easiest to read from the usual viewing position. The designs do not represent automatic switching between formats.

The same daily menu in two layouts

Landscape · side by side

Daily menu

Tomato pasta

With basil

CHF 18.50
Vegetable risotto

With seasonal vegetables

CHF 19.50
Portrait · stacked

Daily menu

Tomato pasta

With basil

CHF 18.50
Vegetable risotto

With seasonal vegetables

CHF 19.50

Fictional menu designs with invented prices. These are layout illustrations, not software screenshots or automatic adaptations.

4. Use images without distortion

Do not stretch images to fill the area. If you crop, check that dishes, logos and important details remain visible. Video presentation also depends on the player and device. Borders are often preferable to missing content; check the result in the actual project.

5. Compare preview and everyday playback

Use “Test (iFrame size)” for text content at the intended dimensions. Then check the actual device: can guests read each dish and price at a glance, including in different lighting? If the text scrolls, watch a full cycle. Shorten or split content if essential details stay outside the visible area for too long.

Screen format checklist

Use these checkboxes as a checklist. Your selections are not saved.

Make menu boards easy to read · Keep screen messages concise