Nový brandový web skupiny 3H (Group, Property, Invest)

Příprava zadání a grafického návrhu

V počáteční fázi tvorba nového prezentačního webu pro společnost 3H nevyžadovala žádný rozsáhlý výzkum. Po sesbírání základních informací o klientovi a sepsání jeho požadavků, potřeb a cílů jsme připravili zadání pro grafického designéra, které pokrývalo dvě základní oblasti:

• Základní informace o klientovi: Představení a popis klienta, jeho specifické požadavky na nový web, cílový trh a analýza místní konkurence.
• Informace pro tvorbu grafického návrhu: Specifikace webu (česká a anglická mutace, prezentace firmy apod.), požadavky na obsah, plánované moduly tvořené klientovi na míru, navigační schéma, struktura webu a typologie stránek včetně předběžného wireframe návrhu.

Díky zadání s přesnou specifikací se nám podařilo efektivně a rychle vytvořit prvotní návrh grafiky, který klient schválil. Proběhlo jen několik málo úprav obsahového charakteru, grafická podoba zůstala beze změn.

Video z dronu na míru

V grafickém návrhu jsme nechali navrhnout působivé video z dronu, které však mělo obecný charakter a bylo z fotobanky. Na ostrý web jsme se proto spojili s člověkem, se kterým dlouhodobě spolupracujeme a který profesionálně fotí a natáčí z dronu. Ten pro náš web vytvořil video z dronu na míru.

Dnes tak domovskou stránku 3H zdobí přelet nad českou krajinou s říčním údolím, které lemují zelené listnaté a jehličnaté lesy.

Implementace grafiky a kódování

Při vývoji webu pro 3H jsme zvolili trochu netradiční přístup, jelikož klient potřeboval sledovat změny téměř ihned po jejich zapracování a chtěl mít kontrolu nad stavem věcí.

Zpracování grafického návrhu: Kodér podle grafického návrhu a s ohledem na připravené pokyny od grafika (jako jsou typografie, rozestupy a okraje, využití tzv. bílých míst nebo akční prvky) připravil a nakódoval hlavní stránky webu.

Implementace modulů: Poté jsme implementovali klíčové funkce webu, které jsou řízeny pomocí na míru upravených modulů. Pro web 3H jsme původně plánovali tři moduly:

• Modul Společnosti (pomocí kterého lze snadno přidávat, mazat a editovat spolupracující společnosti ve skupině 3H)
• Modul Osoby (pomocí kterého lze snadno upravovat informace o osobách ve vedení společnosti)
• Modul Aktuality (který měl fungovat jako místo sdružující všechny novinky o společnosti, ale později od něj bylo upuštěno ve prospěch firemního profilu na síti LinkedIn)

Po nastavení základních funkcí jsme pokračovali v kódování - na řadu přišly zbývající stránky. Během tohoto procesu jsme provedli řadu úprav dle požadavků klienta, např. změna mapy nebo průhlednosti některých vizuálních prvků.

Přes netradiční, paralelní postup byly výsledky nakonec pozitivní – klient dostal požadovanou jistotu a kontrolu nad tvorbou webu, my jsme zároveň dostávali velmi rychlou zpětnou vazbu, kterou jsme mohli aktivně zapracovávat. Také jsme se tím vyhnuli rozsáhlým revizím na konci projektu, které by skončily prodloužením doby vývoje a navýšením cenu projektu.

Dokončení webu

Na závěr jsme provedli finální kontroly webu před jeho zveřejněním a také krátce po zveřejnění. Tyto kontroly jsou klíčové pro zajištění správné funkčnosti, optimalizace pro vyhledávače a celkové uživatelské přívětivosti a použitelnosti webu. Zahrnovaly:

1. Kontrola funkčnosti (zajištění, že všechny prvky webu fungují podle očekávání a bez chyb či technických problémů)
2. Kontrola validity kódu podle standardů W3C
3. Kompatibilita napříč prohlížeči a zařízeními (testování webu v různých prohlížečích, např. Chrome, Firefox, Safari, Edge, a zařízeních, např. desktop, mobil, tablet pro zajištění konzistentního vzhledu a funkčnosti)
4. Kontrola responzivity (prověření, zda web správně reaguje na různé velikosti a rozlišení obrazovek, což zajišťuje optimální zobrazení na všech zařízeních)
5. Minifikace obrázků (zmenšení velikosti obrázků pro rychlejší načítání stránek, díky kterému uživatelé vnímají web v dobrém světle)
6. Kontrola souborů robots.txt a sitemap.xml (ověření, že jsou tyto soubory správně nastavené, což umožňuje a usnadňuje indexaci stránek pro vyhledávače)
7. Kontrola přesměrování (redirect), nenalezených stránek (404) a broken linků (cílem je zajistit, aby návštěvníci narazili na neexistující stránky co nejméně)
8. Funkčnost formulářů (testování všech formulářů na webu, zda fungují a správně odesílají potřebná data)
9. Napojení na analytické nástroje (integrace analytických nástrojů, jako jsou Google Analytics či Google Search Console, které umožňují sledovat chování návštěvníků webu)