Reference / Vývoj

Web s vůní benzinu pro Automotodrom

Pro Automotodrom Brno jsme vytvořili rychlý a funkční web postavený na spolehlivém redakčním systému. Proměnou prošla i grafická stránka a písmo.

Klient: Automotodrom Brno Rok: 2018 Typ: Vývoj a webdesign
[screenshot: hlavni stranka Automotodrom Brno s cerveno-cernym designem]
10 000+

návštěv denně v peak

100+

závodních událostí ročně

~6 měsíců

design, vývoj a nasazení

Vývoj a webdesignze stáje Cognito

Tak jako motorky doslouží, jednoho dne i webové stránky se musí přijet do vývojářské a grafické dílny a dát do pořádku.

Automotodrom Brno potřeboval rychlý a přehledný web, který zvládne prodat jak krásné fotografie v nejvyšším rozlišení, tak i odolat nárazovitému náporu návštěvníků. V období konání Grand Prix a prodeje vstupenek přichází denně na web až desítky tisíc návštěv, proto musí být svižný a nespadnout dolů v klíčový okamžik. Web proto musí být nejen rychlý, ale i spolehlivý.

[screenshot: homepage Automotodromu s fotografiemi zavodu]
[screenshot: CMS rozhrani pro spravu zavodnich udalosti]

Spolehlivýredakční systém

Automotodrom není jen Velká cena Brna, ale i různé motoškoly, závody, jízdy pro veřejnost a mnoho dalších unikátních akcí, které se často mění. Tomu musí odpovídat struktura webu tak, aby v ní uživatel našel potřebné informace a neztratil se někde po cestě. Web prošel uživatelským testováním a změny v oblasti UX jsme prováděli na základě konkrétních potřeb cílové skupiny.

Velkou výzvou bylo vymyslet způsob, jak zpracovat obrovské množství typově unikátních stránek, jak designovat uzavřenou sekci pro novináře nebo traťové komisaře a zároveň jak vytvořit uživatelsky příjemné prostředí pro správu obsahu. Chlapci vývojáři se s tím poprali na jedničku a vytvořili přehledný systém pro správu obsahu (CMS). Uživatelé jistě ocení interaktivní mapu a kalendář akcí.

Čas naredesign

Do nového designového kabátku jsme oblékli nejen webové stránky, ale změnou prošlo i písmo, výrazný prvek vizuální identity. Potřebu nového písma si uvědomoval nejen grafik, ale i klient, takže nastala dokonalá shoda.

Naši designéři vycházeli z klasické kombinace bílé a černé barvy, kterou doplňuje lehce agresivní červená, která se k závodní atmosféře výborně hodí. Nové písmo je modernější, více geometrické a perfektně dokresluje dravou červenou barvu.

Shrnuto a podtrženo, na konci téměř půlroční práce stojí moderní, přehledný a rychlý web.

[screenshot: typografie a barevna paleta Automotodromu]

Jak jsme postupovali

Od uživatelského testování přes redesign vizuální identity až po vysokozátěžový web odolávající náporu Grand Prix.

Chci konzultaci
1

UX analýza a uživatelské testování

Zmapovali jsme potřeby cílových skupin a provedli uživatelské testování. Na základě výstupů jsme navrhli informační architekturu a strukturu webu, aby návštěvníci rychle našli potřebné informace.

2

Redesign vizuální identity

Vytvořili jsme nový designový koncept postavený na kombinaci černé, bílé a agresivní červené. Součástí redesignu bylo i nové geometrické písmo, které dokresluje závodní atmosféru.

3

Vývoj CMS a správa obsahu

Vyvinuli jsme přehledný systém pro správu obsahu, který zvládne stovky typově unikátních stránek, uzavřené sekce pro novináře a traťové komisaře a interaktivní mapu s kalendářem akcí.

4

Optimalizace pro extrémní zátěž

Architektura a infrastruktura navržená tak, aby web zvládl desítky tisíc návštěv denně v době Grand Prix. Rychlé načítání i pod vysokou zátěží díky caching vrstvě a optimalizovanému backendu.

PHP
PHP
Symfony
Symfony
Sulu CMS
Sulu CMS
Redis
Redis
Docker
Docker

Použité technologie

Web Automotodromu Brno je postaven na systému pro správu obsahu Sulu CMS s backendem v PHP a frameworku Symfony. Caching vrstvu zajišťuje Redis. Řešení je kontejnerizované v Dockeru a optimalizované pro vysokou zátěž během závodních víkendů.