← Všechny práceJednostránkový web autoservisu: služby s cenami, postup bez překvapení, recenze a rychlý kontakt.
Vlastní ukázkový projekt s fiktivním zadáním předvádějící balíček Start. Nejde o klientskou zakázku ani o skutečnou provozovnu. Formulář slouží pouze k vyzkoušení.
Jak je to poskládané
Čtyři vrstvy, jeden web.
- 01
Veřejný web Astro · TypeScript
5 částí webu v Astro – rychlé statické stránky, které Google dobře čte.
- 02
Poptávkový formulář Interakce
Část, kterou si návštěvník projde sám – přehledně na počítači i v mobilu.
- 03
Obsah ode mě Bez starostí
Start nemá administraci: texty, ceny a fotky změním na požádání já. Majitel se stará jen o zákazníky.
- 04
API a databáze .NET · SQLite
C# / ASP.NET Core přijímá dotazy z formuláře a drží obsah webu v SQLite. V ukázce se nic neodesílá.
Modelové zadání
Ukázat, co dostane menší firma v balíčku Start: fiktivní autoservis potřebuje web, který za pár vteřin řekne, co umí, kolik to stojí a jak se objednat.
Co web dělá
Celý web na jedné stránce z osvědčených bloků: úvod s telefonem, služby s orientačními cenami, tři kroky postupu, recenze a kontakt s formulářem. Obsah upravuji na požádání já, majitel nic spravovat nemusí.
- Úvod
- Služby a ceny
- Jak to probíhá
- O nás a recenze
- Kontakt s formulářem
Funkce, které si můžete vyzkoušet
- 01
Vše na jedné stránce
Menu skáče na sekce, na mobilu je po ruce vodorovná lišta a telefon v hlavičce.
- 02
Ceny předem
Každá služba má orientační cenu, postup vysvětluje, že se nic nemění bez souhlasu.
- 03
Rychlý kontakt
Krátký formulář a mapa s adresou jako lehká ilustrace, bez vloženého iframe, který by zpomalil web.
Co ukázka obsahuje
- Astro
- TypeScript
- C# / ASP.NET Core
- Tailwind CSS
- GSAP
- SEO základ: titulky, popisy, sitemap
- Ovládání klávesnicí
Živá ukázka / Autoservis
Nechte se
vtáhnout.
Projděte si Servis Kolář na vlastní kůži. Prohlédněte si celý web a vyzkoušejte jeho funkce.
Ukázkový projekt · Otevře se v novém okně
