Realizovaný projekt

Jednostránkový web pro rauty s galerií akcí a referencemi klientů

Nový web firmy Pražský Catering Group, který nahradil původní WordPress z roku 2018. Jednostránková prezentace rautů pro firemní akce, svatby a soukromé oslavy s galerií, referencemi a poptávkovým formulářem, který ověřuje údaje na serveru a odesílá poptávku i potvrzení e-mailem.
Klient
Pražský Catering Group s.r.o.
Realizace
Kategorie
WEBOVÉ STRÁNKYUX/UI DESIGN
Služby
  • Tvorba webové stránky
  • Návrh UX/UI
  • Migrace z WordPressu
  • Nasazení měření a cookie lišty
Štítky
Next.js 16React 19CSS ModulesZodNodemailerGoogle Tag ManagerConsent ModeResponzivní design
Úvodní sekce webu Pražský Catering na monitoru s nadpisem Rauty, které mají chuť i styl, fotografií jídla a údajem o 600 rautech od roku 2010

Rozsah webu

Jednostránkový web nahradil původní web na WordPressu z roku 2018. Obsahuje sekce nabídky rautů pro firemní akce, svatby a soukromé oslavy, galerii, tým, reference a poptávku, k tomu stránku se zásadami ochrany osobních údajů a stránku 404. Pevná horní navigace vede přímo na jednotlivé sekce.

Adresy původního webu jsme přesměrovali na odpovídající sekce nového webu. Stránka obsahuje strukturovaná data o firmě, sitemap a robots.txt. Postavili jsme ji na Next.js 16 a Reactu 19 s CSS Modules.

Galerie, tým a reference

Galerie obsahuje devět fotografií z akcí. Fotografie se otevírají v přístupném nativním dialogu s ovládáním šipkami na obrazovce i na klávesnici, na mobilu jsou dvě fotografie v řádku.

Reference zobrazují šest vybraných log klientů v samostatných dlaždicích, další klienti a agentury jsou v rozbalovacím seznamu. Stejně je řešený i seznam členů týmu. Všechna loga a fotografie se načítají z vlastního serveru, ne z původního webu.

Validace, e-maily a měření

Formulář sbírá jméno, e-mail, telefon, typ akce, datum, počet hostů, místo konání a zprávu. Všechna pole jsou povinná a server je ověřuje znovu přes schéma Zod, včetně telefonu, data a počtu hostů. Chybové hlášky jsou česky a kurzor přeskočí na první chybné pole. Proti spamu chrání skryté pole a omezení počtu odeslání.

Po odeslání přes SMTP odchází dvě zprávy: firmě celá poptávka s adresou pro odpověď návštěvníkovi a návštěvníkovi krátké potvrzení. Měření běží přes Google Tag Manager a spouští se až po souhlasu v cookie liště.

Projekt podobného zaměření?

Rádi s vámi probereme rozsah a cenovou nabídku

Cenový odhad a časový rámec obvykle dodáme do dvou pracovních dnů.

Další projekty

Pokračujte v prohlížení