Salon .EXE
Jednostránkový web pro pánský salon .EXE v Praze 7. Návrh přišel hotový od klienta a obvyklá pravidla moc neřeší: nadpisy končí za okrajem, mezi sekcemi zůstávají velké prázdné plochy a dárkové poukazy naběhnou jako DOS. Postavili jsme ho tak, jak byl nakreslený, a přidali administraci, ve které si holiči přepíšou ceník mezi dvěma zákazníky.
Výzva
Návrh nám přišel hotový od klienta, od Filipa Slováčka, a nepodobá se ničemu, co bychom nakreslili sami. Nemá mřížku ani karty. Nadpis Služby stojí sám v levém horním rohu jinak prázdné obrazovky, čtyři ceníky jsou odsunuté až k pravému okraji a mezi tím není nic. Sekce s poukazy je černá, s nafoceným vypáleným cédéčkem a bootovací hláškou v jedovatě žluté. Pohodlné by bylo srovnat to do běžné šablony pro barbershopy, jenže pak by z toho zbyl další barbershop web. Druhá část zadání byla přízemnější: stránku spravují čtyři holiči mezi zákazníky. Každý má vlastní ceník, sestava týmu se mění a nikdo z nich nebude kvůli ceně psát do agentury.
Naše řešení
- Postavili jsme vlastní WordPress šablonu od nuly. Layout, který se nedrží mřížky, se v builderu nesestaví.
- Návrh jsme převzali beze změn. Včetně loga, které je v rohu schválně oříznuté, a prázdných míst, u kterých si člověk na chvíli myslí, že se stránka nedonačetla.
- Bootovací sekvenci u poukazů jsme napsali ručně, bez knihovny. Vypisuje se po znacích jako na starém terminálu a doběhne do System ready.
- Na telefonu jsme layout přesadili, ne zmenšili. Logo se vejde celé, ceníky se srovnají pod sebe a velká gesta z desktopu drží i na 390 pixelech.
- Každá sekce je v administraci samostatný blok s vlastními poli. Kdo do webu píše, nevidí kód ani nastavení šablony, jen pole, která se ho týkají.
- Ceník má každý holič svůj. Změnit cenu, délku nebo přidat službu je jeden řádek v administraci.
- Rezervace jsme nepřepisovali. Salon už jel na Nooně, takže tlačítko vede tam a objednávky zůstaly, kde na ně kluci byli zvyklí.
- Web běží na jednom souboru JavaScriptu, bez jQuery a bez frameworku. Font je uložený na serveru a načítá se předem, aby nadpisy při otevření neposkočily.
- Fotky jsou z focení, které si salon udělal sám. Na úvodní obrazovce se čtyři z nich prolínají přes celou plochu.
Salon na Letné
Fotky jsou z focení, které si salon udělal sám, pár kroků od zastávky Kamenická. Čtyři z nich se na webu prolínají přes celou úvodní obrazovku.
Web
Jedna stránka, pět sekcí. Co na snímcích vypadá jako chyba v sazbě, je záměr z klientova návrhu.
Na telefonu
Sazba, která stojí na velkých prázdných plochách, se do jednoho sloupce sama nesrovná. Každou sekci jsme na mobilu přesadili zvlášť.
Co jsme dodali
Klientův návrh postavený beze změn
Vlastní WordPress šablona, žádný builder
Čtyři samostatné ceníky, které si salon mění sám
Bootovací animace u dárkových poukazů
Rezervace přes Noonu, bez přepisování
Mobilní verze, která si charakter nechala
Jeden soubor JavaScriptu, žádná jQuery