O2 DSYS3: základ webů O2
Pro O2 jsem vytvořil dva design systémy pro jeho brandy. Na design systémech O2 1–2 jsem pracoval tři roky, na DSYS3 jeden rok. DSYS3 představuje komplexní, moderní systém, který propojuje vizuální styl značky s návrhem digitálního rozhraní. Na mém design systému jsou postavené všechny webové stránky O2.
Od brandu ke společnému systému
Design systém převádí vizuální identitu do prvků, které lze používat napříč weby. Při tvorbě DSYS3 jsem řešil barvy, typografii, ovládací prvky i rozložení obsahu jako součást jednoho celku. Cílem bylo vytvořit společný základ pro konzistentní rozhraní O2.
Komplexní systém pro moderní rozhraní
DSYS3 jsem navrhoval jako provázaný systém, od základních vizuálních pravidel po jednotlivé komponenty a jejich použití. Ladil jsem hierarchii informací, odstupy a podobu prvků tak, aby spolu fungovaly a umožňovaly skládat různorodé stránky v jednotném stylu.
Design systém s vlastním webem
Součástí projektu byla také webová stránka věnovaná design systému, kterou jsem rovněž navrhoval. Vytvořil jsem rozhraní pro přehledné představení jeho pravidel a komponent. Systém tak dostal vlastní místo, kde lze procházet jeho podobu a jednotlivé části.
Jeden základ napříč weby O2
Můj design systém tvoří základ všech webových stránek O2. Společné komponenty a vizuální pravidla propojují jednotlivé stránky a pomáhají držet konzistentní podobu rozhraní. Galerie níže ukazuje vybrané části DSYS3 a jejich prezentaci na webu design systému.
320+
navržených obrazovek
318+ MD
strávených vývojem
100%
design na míru
Ve spolupráci s týmem BOOTIQ
Design systém O2 DSYS3 a návrh jeho webové prezentace vznikaly ve spolupráci s týmem BOOTIQ.
