Spolek A dál? z.s. ze Žatce se dlouhodobě a s obrovským nasazením věnuje architektuře, veřejnému prostoru, urbanismu a rozvoji městské kultury. Organizují sousedská setkání, architektonické procházky, výstavy i diskuse o budoucnosti našeho města. Když mě zástupci spolku oslovili s požadavkem na vytvoření nového webu, věděl jsem, že tento projekt si zaslouží mimořádnou péči — design musel dokonale odrážet estetiku architektonického ateliéru: čistý, přesný, minimalistický a bez jakéhokoliv zbytečného dekorativního balastu.
1. O spolku A dál? a úvodním impulsu
Stará prezentace spolku již neodpovídala moderním standardům. Chyběla jí responzivita na mobilních zařízeních, možnost přehledného řazení probíhajících projektů i rychlá správa obsahu. Spolek navíc potřeboval místo, kde bude moci veřejnosti prezentovat své architektonické studie, vize rozvoje Žatce a pozvánky na nadcházející akce.
2. První setkání a jasné zadání: Architektonický minimalismus
Se zástupci spolku jsme se potkali osobně v Žatci a nad kávou probrali jejich představu o novém webu. Zadání bylo od začátku jasně definované:
„Chceme web, ze kterého bude na první pohled cítit architektura a čistota. Žádné přeplácané bannery ani složité menu. Důležitá je přehlednost, rychlost a výrazný vizuální styl v našich spolkových barvách — černé a kontrastní oranžové.“
Volba barevné palety byla skvělým rozhodnutím. Hluboká černá barva (charakteristická pro architektonické výkresy a eleganci) v kombinaci se zářivě oranžovým akcentem vytvořila moderní, vysoce kontrastní vzhled, který okamžitě upoutá pozornost návštěvníka.
3. Důkladná technologická analýza: Proč Next.js + Laravel API
Jako u každého svého projektu jsem i zde věnoval maximální pozornost úvodní technologické analýze. Od začátku jsem odmítl použití pomalých WordPress šablon plných zbytečných pluginů, které web brzdí a vytváří bezpečnostní rizika.
Zvolil jsem moderní jamstackovou architekturu:
Frontend v React / Next.js: Zaručuje bleskové načítání, plynulé přechody mezi stránkami a perfektní renderování obsahu pro vyhledávače (SEO).
Backend v PHP / Laravel API: Bezpečný a stabilní systém pro správu databáze, médií a poptávek.
Tailwind CSS & SCSS: Umožnily vytvořit čistý design na míru bez zbytečného CSS balastu.
4. Vývoj, správa projektů a přístup „jako bych to používal sám“
Jakmile jsem měl navrženou databázovou strukturu a API endpoints, pustil jsem se do samotného kódování uživatelského rozhraní. Stránky jsem strukturoval do přehledných bloků: Hlavní vize, Probíhající projekty, O spolku, Tým a Kontakt.
Při tvorbě administrace i veřejného rozhraní se vždy řídím pravidlem: stavím web tak, jako bych ho měl sám každý den používat. Členové spolku tak dostali intuitivní redakční systém CMS, kde mohou na pár kliknutí přidat nový projekt, nahrát fotogalerii z akce nebo upravit kontaktní údaje bez znalosti kódování.
5. Testování responzivity a ladění rychlosti
Před spuštěním prošel web důkladným testováním na všech velikostech obrazovek — od malých mobilních telefonů přes tablety až po velké 4K monitory. Zkontroloval jsem přístupnost písma, správné zobrazování obrázků i rychlost odezvy API serveru.
6. Výsledek a živá ukázka
Výsledný web adalprojekt.cz funguje jako bleskově rychlá webová aplikace. Spolek získal reprezentativní plátno pro své myšlenky a obyvatelé Žatce přehledný zdroj informací o architektuře v našem městě.
Živou prezentaci si můžete prohlédnout přímo na www.adalprojekt.cz.