Datamolino

Projekt sme odštartovali sériou hĺbkových rozhovorov s tímom Datamolina, aby sme naplno pochopili ich ciele a očakávania. Spravili sme audit existujúcej vizuálnej komunikácie a webu a identifikovali kľúčové oblasti na zlepšenie. Web pôsobil trochu preplneným dojmom a chýbal mu jasný vizuálny jazyk. Odhalili sme aj štrukturálne problémy a nekonzistentnosti v hierarchii a používaní webových modulov.

V rámci prípravnej fázy sme s vedením Datamolina absolvovali polodňový brand sprint workshop. Cieľom bolo destilovať podstatu značky a nastaviť smer jej budúcej brand stratégie. Cez štruktúrované cvičenia sme preskúmali základné hodnoty firmy, unikátne prednosti a cieľové skupiny. Brand sprint zohral kľúčovú úlohu pri formovaní vizuálneho jazyka, tónu komunikácie a smerovania copywritingu a zároveň zosúladil očakávania od redizajnu webu.

Po brand sprinte sme spustili exploračnú fázu: tvorili sme moodboardy, experimentovali s rôznymi konceptmi, zbierali spätnú väzbu a napokon sme skoncipovali novú brand identitu Datamolina.

Pre značku Datamolino sme ako kľúčový vizuálny prvok identity zvolili autorské ilustrácie. Vytvorili sme unikátny set ručne kreslených ilustrácií a piktogramov, ucelenú knižnicu navrhnutú tak, aby zjednotila a povýšila vizuálny jazyk webu.

Naším cieľom bolo verne odraziť odvetvie Datamolina, teda účtovníctvo, a zároveň zachytiť podstatu značky. Dbali sme na to, aby štýl ilustrácií rezonoval s cieľovou skupinou a zároveň efektívne komunikoval produkt a jeho prínosy.

Súbežne sme začali kresliť prvé wireframy nového webu so zameraním na rozloženie obsahu, funkcionalitu a tok informácií, zatiaľ bez dizajnových prvkov. Vyvinuli sme modulárne webové komponenty, ktoré sa prispôsobujú rôznym obsahovým potrebám a kontextom použitia a zabezpečujú konzistentnosť naprieč sekciami.

Oproti pôvodnému layoutu sme zaviedli jasnejšiu hierarchiu podstránok a modulov, čo zlepšilo navigáciu aj používateľský zážitok. V tejto fáze sme začali pripravovať aj prvé webové texty. V iteratívnych kolách spätnej väzby s tímom sme wireframy doladili a pripravili na vizuálny a technický vývoj webu.

V tejto fáze sme sa sústredili na jasné a presvedčivé texty, ktoré efektívne komunikujú hodnoty Datamolina, sprístupňujú kľúčové informácie a sú optimalizované pre vyhľadávače.

V mnohých prípadoch sme existujúci obsah len zjemnili: zjednodušili text, vymysleli chytľavejšie titulky a zlepšili štruktúru pre lepší tok. Tón komunikácie sme nastavili tak, aby odrážal osobnosť značky Datamolino: jednoduchý, priamočiary, bez vaty, no priateľský a nápomocný. V niekoľkých kolách spätnej väzby sme messaging doladili tak, aby bol jasný, úderný a rezonoval.

Prišiel čas oživiť wireframy dizajnom. Vytvorili sme webový design systém, v ktorom všetky vizuálne komponenty dodržiavajú jasnú hierarchiu. Systém obsahuje komplexnú typografickú knižnicu pre konzistentnosť a čitateľnosť, vektorové ilustrácie a definované hierarchie titulkov, farieb a odsadení, čo zjednodušuje vývoj aj implementáciu.

Desktopová aj mobilná verzia boli navrhnuté a optimalizované pre bezchybnú responzivitu na všetkých zariadeniach. Výsledný dizajn je čistý, ľudský a prístupný a návštevníkom vytvára príjemný zážitok.

Záverečnou fázou projektu bolo premeniť schválený webdizajn na plne funkčný web. Web sme vyvinuli na WordPresse s na mieru kódovaným vizuálnym editorom s intuitívnym rozhraním, vďaka ktorému tím Datamolina jednoducho upravuje obsah a vytvára nové landing pages.

Každá sekcia bola štýlovaná na mieru a optimalizovaná pre rýchle načítanie a špičkový výkon. Prísne sme sa držali dizajnových špecifikácií a zabezpečili zhodu 1:1 s originálnym návrhom vo Figme. Na záver sme web komplexne optimalizovali vrátane technického SEO, aby bolo prostredie plne responzívne a správne nakonfigurované.