Tilbage til portfolio
Forsiden på Taverna Mpelles: logoet ΤΟ ΜΠΕΛΛΕΣ, en menu med Home, About, Menu, Reviews, Gallery, News, The Area og Contact, en ΕΛ | EN-skifter og en "Book a Table"-knap over et foto af tavernaens indgang – et udskåret træskilt med "ΤΟ ΜΠΕΛΛΕΣ" på stensøjler med lygter og klatreplanter, borde med hvide duge indenfor og en tavle med menuen i hjørnet; i midten overskriften "Taverna Mpelles", linjerne "Authentic Greek Cuisine" og "Near Lake Kerkini, at the foot of Mount Belles", en "View Menu"-knap og en "Book a Table"-knap med kant og fire prikker til billedskift nedenunder.
Åbn tavernampelles.gr i en ny fane

Taverna to Mpelles — Restauranthjemmeside

Overblik

Jeg designede og udviklede en tosproget (græsk/engelsk) enkeltsidet hjemmeside for Taverna to Mpelles, en traditionel græsk taverna nær Kerkini-søen i Serres. Sitet har en interaktiv menumodal med 8 madkategorier og 40+ retter, en anmeldelseskarrusel med 19 femstjernede anmeldelser fra Google og TripAdvisor samt et filtrerbart galleri med 60+ fotos og lightbox-visning. Jeg byggede projektet med PHP, Tailwind CSS og vanilla JavaScript, med JSON-datafiler i stedet for en database. Sitet inkluderer en nyheds- og eventsektion, områdets attraktioner, fuld tosproget understøttelse med 200+ oversættelsesnøgler og omfattende SEO med JSON-LD strukturerede data for lokalt erhverv og restaurantskema.

Udfordringer

At bygge en indholdsrig restaurantside med interaktiv menu, anmeldelser og galleri uden database eller CMS, samtidig med fuld tosproget understøttelse.

Løsninger

Brugte JSON-datafiler til menuretter, anmeldelser og oversættelser for at holde arkitekturen letvægtig og hurtig. Byggede genanvendelige modal- og karruselkomponenter i vanilla JS med Tailwind utility-klasser for ensartet styling.