Ekologisk brödmeny HTML-mall

Sexton produktkort bildar en komplett statisk meny

Sidan samlar redan de viktigaste innehållsområdena som krävs för en heltäckande bagerimeny. Den inledande sektionen Våra produkter presenterar fyra kategorier över en aptitretande matbild, därefter visar sektionen Ekologiskt bröd upp åtta brödkort innan Brownies, bakverk m.m. adderar ytterligare åtta kort med sötsaker och desserter. Varje katalogsektion har en egen rubrik och en enhetlig, bilddriven produktpresentation, vilket gör att den färdiga sidan förmedlar både variation och tydlig struktur utan att behöva förlita sig på en separat produktlistningssida.

Den nedre delen av designen fullbordar den statiska layouten med innehåll för Kontakta oss. Ett kontaktformulär innehåller fält för namn och e-postadress, och intilliggande block ger information under Hitta hit, Öppettider, Ring oss samt telefonnummer. Detta skapar en direkt övergång mellan att utforska produkterna och att efterfråga mer information, samtidigt som sidfoten ramar in sidan med ett mörkt visuellt fält. Navigeringen ger också sidan en tydlig webbplatskontext i stället för att låta katalogen framstå som en isolerad samling bilder.

Som en fristående HTML-implementering är designen särskilt användbar eftersom produktkategorier, katalogsektioner, kontaktyta och ett sammanhållet visuellt uttryck redan är ordnade i ett och samma dokument. Sidan kan enkelt anpassas med bageriets faktiska innehåll med bibehållet flöde från upptäckt, via produktjämförelse, till kontakt. Dess verkliga styrka ligger i det genomarbetade samspelet mellan dessa sektioner, snarare än enbart i de enskilda korten eller bilderna.