Nowa restauracja Szablon HTML

Śniadania, obiady, galeria i dane kontaktowe tworzą kompletną stronę statyczną

Strona łączy już w sobie główne obszary treści, jakich oczekuje się od samodzielnej prezentacji piekarni i kawiarni. Otwierająca sekcja główna wprowadza motyw gastronomiczny za pomocą dużego nagłówka „Pysznie. Szybko.” oraz kolażu zdjęć potraw. Trzy numerowane karty informacyjne przedstawiają następnie tematykę związaną z piekarnią, po czym wzmianka o naturalnych produktach dodaje bardziej opisową część tekstowo-graficzną. Taka sekwencja nadaje stronie odpowiedni kontekst, zanim odwiedzający przejdą do treści menu.

Sekcje śniadaniowa i obiadowa tworzą najbardziej rozbudowany obszar informacyjny. Oferta śniadaniowa zawiera cztery powtarzalne pozycje menu, natomiast obiadowa sześć; w obu zastosowano nagłówki kategorii, okrągłe zdjęcia, opisy potraw i ceny, tworząc równoległe grupy treści. Galeria zmienia następnie rytm z nasyconych tekstem zestawień na sześć fotografii kulinarnych, a w tym samym obszarze umieszczono akcję rezerwacji. Zamykająca sekcja kontaktowa zawiera godziny otwarcia, adres i numer telefonu, stanowiąc czytelne zwieńczenie informacyjne statycznej strony.

Ponieważ sekcje te obejmują już wprowadzenie, objaśnienie, ofertę, prezentację wizualną, ścieżkę interakcji oraz dane kontaktowe, projekt może funkcjonować jako pełna implementacja HTML, a nie tylko dekoracyjna koncepcja. Hierarchia wizualna pozostaje w pełni zrozumiała i nie wymaga osobnej podstrony objaśniającej menu. Przykładowe ceny i dane kontaktowe należy zastąpić rzeczywistą treścią projektu, jednak ich układ pokazuje, jak gotowy szablon mieści praktyczne informacje o lokalu.