Digitálna Strelka
Kategoria
Branding
Klient
Digitálna koalícia
Realizácia
1 mesiac
Pre projekt Digitálna Strelka sme na základe dodaného webdizajnu vyvinuli responzívnu webstránku zameranú na podporu digitálnych zručností u dievčat na Slovensku. Za projektom stojí Digitálna koalícia a cieľom webu je inšpirovať mladé dievčatá, žiačky, rodičov aj učiteľov k objavovaniu možností v oblasti IT a digitálnych technológií. Pri vývoji sme sa sústredili predovšetkým na bezchybné mobilné zobrazenie a rýchlosť načítania, keďže väčšina cieľovej skupiny pristupuje k webu práve z mobilných zariadení.
(VÍZIA)
Víziou projektu bolo vytvoriť priestor, v ktorom sa dievčatá cítia vítané a motivované skúšať nové veci v digitálnom svete. Web mal byť nielen informačný, ale aj inšpiratívny. Vizuálne príťažlivý, rýchly a jednoduchý na používanie, aby aj návštevníčka bez technických skúseností okamžite pochopila, čo jej projekt ponúka a ako sa môže zapojiť.
(PROBLÉM)
Kľúčovým problémom bolo vytvoriť prehľadný listing škôl. Projekt potreboval nástroj, ktorý študentkám umožní rýchlo sa zorientovať v tom, aké majú možnosti štúdia v oblasti IT. Implementovali sme kompletný zoznam škôl s prehľadnými informáciami a filtrami podľa lokality a zamerania, aby výber správnej školy zabral niekoľko kliknutí namiesto hodín hľadania.
(NÁŠ POSTUP)
Ako podklady sme dostali kompletný webdizajn vypracovaný vo Figme. Našou úlohou bolo pretaviť ho do funkčného webu s dôrazom na mobilné zobrazenie a výkon. Prioritou bola rýchlosť, preto sme optimalizovali každú stránku tak, aby sa načítala okamžite aj na slabšom pripojení. Okrem štandardných prezentačných sekcií sme implementovali kompletný listing škôl s filtrami, ktorý študentkám umožňuje rýchlo nájsť relevantné možnosti štúdia v oblasti digitálnych technológií.
(POTREBY UŽÍVATEĽA)
Návštevníčka webu Digitálna Strelka prichádza s rôznymi potrebami. Študentka hľadá inšpiráciu a konkrétne školy, kde sa môže vzdelávať v IT. Rodič chce vedieť, aké možnosti jeho dcéra má. Učiteľ hľadá materiály a podujatia, ktoré môže zapojiť do výučby. Pre každú z týchto skupín web ponúka prehľadnú cestu k relevantným informáciám, podporenú interaktívnymi nástrojmi a komunitným rozmerom projektu.
(VÝZVY)
Hlavnou výzvou bolo preniesť farebný a dynamický dizajn z Figmy do kódu tak, aby web zostal rýchly a plynulý na všetkých zariadeniach. Cieľová skupina sú primárne mladé dievčatá, ktoré web navštevujú z mobilov. Každá vizuálna animácia a interaktívny prvok musel fungovať rovnako dobre na staršom telefóne ako na najnovšom zariadení, bez kompromisov v rýchlosti načítania.
(USER CENTRIC)
Web je navrhnutý pre mladé používateľky, ktoré sa o digitálne technológie možno zaujímajú prvýkrát. Preto je každý krok na stránke intuitívny a jednoznačný. Navigácia je jednoduchá, obsah je štruktúrovaný od inšpirácie po konkrétne kroky a celý web funguje bezchybne na mobilných zariadeniach. Žiadne mätúce menu, žiadne zbytočné podstránky. Len jasná cesta od zvedavosti k akcii.
