Design és Arculattervezés

Drótvázból látványvilág

Egy tervezési projekt során mindig több grafikai koncepció készül, majd a legjobb variációt tökéletesre finomítjuk. Csak azt követően látunk neki az aloldalak, alsóbb szintű felületek grafikai tervezésének, ha már egy főképernyős design terv formájában véglegesítettük a felhasználói felület arculati jellemzőit. A grafikai tervezés során mindig szigorúan követjük az ergonómiai tervekben definiált felépítést, így a látványvilág szolgálja ki a használhatóságot, és nem fordítva.

Drótváz és design kpacsolata

Több koncepció egyazon ergonómiára

A grafikai koncepciók kialakítása kizárólag befejezett, és elfogadott wireframe tervek alapján kezdődik meg. A cégünk által tervezett alkalmazások felületeinek design koncepcióihoz egy részletes design brief alapján dolgozik, amely egyértelműen rákérdez mindazon objektív és szubjektív szempontokra, amelyek a design kialakítását befolyásolják. Az egy projekthez készülő design koncepciók száma igen széles spektrumon mozog.

Design variációk egyazon ergonómiai tervre

Mivel a webdesign egy rendkívül szubjektív terület, csak a saját vagy az ügyfelünk benyomásaira hagyatkozva könnyű öngólt lőni. Hogy ezt elkerüljük, beszélgetünk a felhasználókkal. Ha kell, fókuszcsoportos vizsgálatokat végzünk, ha kell, design trendeket elemzünk. Ezek tapasztalataiból áll össze az a részletes design brief, amely orientálja a felhasználói felület művészeti tervezését. Meglepő, hogy a művészeti kialakítás során egy elfogadott drótváz és design brief mennyi különböző design koncepciót szülhet. Vagyis a webdesign éppúgy hozzátesz a felhasználói élmény kialakításához, mint az azt megelőző ergonómiai tervezés.

Fókuszban a reszponzivitás és a finom részletek

A végleges arculat és design koncepció elfogadását követően grafikai csapatunk elkészíti az oldalak valamennyi oldaltípusának összes layout állapotát design formájában, vagyis reszponzív projektek során a desktop verziók mellett a táblagépekre és okostelefonokra szánt design változatok is elkészülnek. Tökéletesen kidolgozott gombok, igényes hover hatások, elegáns, finom mozgatások. Ezektől élő és intuitív egy user interface. A precíz részletgazdagság kidolgozása ugyan tovább tart, de az eredmény mindig magáért beszél. Az elkészült felületeket az éles működés során előszeretettel vetjük alá hőtérképes vizsgálatoknak grafikai és ergonómiai finomhangolás céljából.

Design és frontend fejlesztés: kéz a kézben

Az igazán nagyszerű digitális termékek tervezésének további fontos építőeleme, hogy a felhasználói élmény nem ér véget a design tervcsomag elkészítésével. Annak éppúgy része a frontend kialakítás, vagyis a pixelpontos megvalósítás, az animációk, mikro-interakciók és a precízen kidolgozott reszponzivitás. Úgy gondoljuk, hogy ma már frontend fejlesztő know-how és kapacitások nélkül semmilyen design stúdió nem mondhatja el magáról, hogy teljeskörű felhasználói élmény tervezési szolgáltatást tud nyújtani. A grafika és a sitebuild kéz a kézben járnak, a webdesign ma már egy technológiák által vezérelt szakterület, amelyhez szükséges a design érzékenységet támogató, házon belüli fejlesztői tudás. Meggyőződésünk, hogy projektjeink sikerének egyik fontos építőeleme, hogy csapatunkban ezt a két tudáshalmazt munkáink során évek óta sikerrel integráljuk.

Az arculattervezés nem pusztán grafikai munka, hanem gondolkozás és a jövő tervezése. Így aztán egy példátlanul izgalmas folyamat. A közös munka során ügyfeleink felfedezik saját hiteles hangjukat, történetüket és márkaértékeiket, ezeket pedig egy egységes vizuális megjelenéssé gyúrjuk össze. A helyes arculat nemcsak szép és célcsoporthoz illő, de egyben innovatív katalizátor a projekt összes többi terméke számára. Egy keretrendszer, amelyre a projekt további készülő grafikai tervei (webdesign, ergonómia, UI komponensek, offline anyagok, reklámhordozók, stb.) felépülnek. Arra törekszünk, hogy minden márkavilág, amit alkotunk és valamennyi brand, amelyhez hozzányúlunk lenyűgöző, az összes arculathordozón konzisztens, érthető, őszinte és igazán egyedi legyen. Munkánk során egy digitális üzletfejlesztési tanácsadó cég stratégiai gondolkodását kombináljuk egy design stúdió kreatív energiáival.

Ügyfeleink a komplex és ambiciózus kihívásokat keresik a márkaépítés terén, akárcsak mi magunk. Az arculattervezés területei igen tág spektrumon mozognak. Csapatunk elsődleges fókusza a digitális termékek márkavilágának kialakítása úgy, hogy azok minden platformon és eszközön megállják a helyüket, így noha elsődleges szakterületünk webes alkalmazások márkavilágának megalkotása, otthonosan mozgunk offline arculathordozók tervezésében is. Tehetséges grafikai csapatunk nevéhez nem egy neves brand megjelenésének megalkotása vagy újragondolása fűződik – kis startup-októl régiós nagyvállalatokig.

Hogyan zajlik az arculattervezés?

Az arculattervezés mindig egy brief-elési folyamattal kezdődik, amely során közösen definiáljuk, hogy mit üzen a márka, milyen vizuális jellemzőket szeretnénk elérni, és azonosítjuk az elsődleges célcsoportokat. Ennek nélkülözhetetlen kelléke a közös műhelymunka és beszélgetés. Meghatározzuk, hogy hol tart most a márka, milyen piaci pozíciót mondhat magáénak és hová szeretne eljutni néhány éves távlatban. A tényleges grafikai tervezést továbbá sokszor megelőzi egy moodboard és arculati best practice gyűjtemény összeállítása is, amelyben a márkavilág hangulatát és esetleg követendő példáit igyekszünk lefesteni különböző képösszeállítások formájában. Csak ezt követően látunk neki az első logó koncepciók, illetve azok különbző key visual-ok kontextusába helyezésének. A megfelelő irány kiválasztása és véglegesítése után készül el a teljes arculatterv valamennyi grafikai leszállítandójával együtt. Az arculatból igény szerint részletes arculati kézikönyvet készítünk, amely segít hosszú távon fenntartani a márkavilág következetes használatát és jövőbeli alkalmazását.

Egy nagyarculat jellemzően a következő fő elemekből áll:

• Logó variációk kidolgozása különböző használati esetekre
• Tipográfia, fontkészlet
• Szerkesztési elvek és tiltások
• Színpaletta tervezése és színkódolások definiálása
• Outdoor, offline kreatív minták
• Image treatment szabályok felállítása
• Formák, ábrák, kontroll funkciók előzetes grafikai tervezése (minta kezelőszervek)
• User interface ergonómiai szabványok
• Használt ikoncsalád előkészítése
• Szakmai szövegezés az arculati szabályokról
• Coprorate arculathordozók (névjegy, mappák, dokumentum és prezentáció sablonok, stb.)
• Összes grafikai kellékanyag előkészítése egy csomagban különböző formtumokban, méretekben és színvariációkban
• Mindez egy arculati kézikönyvben összeszerkesztve

Mikor szükséges egy arculat újratervezése?

Az arculattervezés egy zöldmezős start-up projekt esetén nem kérdés, de igen sokszor célszerű és szükséges már meglévő és bevezetett arculattal rendelkező márkák számára is. Utóbbi esetben ez néha csak egy kis finomhangolást és leporolást, máskor „tabula rasa” újragondolást jelent. Digitális felhasználói élmény tervezési megbízásaink elején a stratégiai tervezés mellett górcső alá vesszük ügyfeleink jelenlegi vizuális megjelenését, és ha szükséges, javaslatot teszünk a márkavilág megújítására. Ahhoz, hogy egy projekt legelején eldöntsük, hogy szükséges-e egy meglévő arculat újragondolása vagy finomhangolása, a következő fő kérdéseket tesszük fel magunknak és ügyfeleinknek:

• Az arculat közvetít-e egy egyértelmű és fókuszált stratégiát?
• Az arculat kellően kiemeli-e és megkülönbözteti-e a márkát annak konkurenseitől?
• Az arculat egyaránt jól alkalmazható-e weben, print megjelenéseken és reklámhordozókon?
• Megfelelően szolgálja-e az üzleti célokat és releváns a fogyasztók számára?
• Az arculat kellően időtálló-e, jelen formájában releváns és érthető marad-e 5-10 év távlatában is?
• Megjelenésében, formavilágában, szabályrendszerében konzisztens-e és nyújt-e fogyasztói élményt?

Arculati kézikönyveink néhány tipikus mintatartalma

Minél több „nem” válaszunk van a fenti kérdésekre, annál fontosabb, hogy a projekt legelején, lehetőleg még az ergonómiai és funkcionális tervezést megelőzően egy alapos arculattervezési fázissal kezdjük a közös munkát. Az arculat kitágíthatja vagy éppen beszűkítheti a készülő digitális termékünk hangulatát, a felhasználókban kialakuló első benyomást, vagyis nagyban meghatározza a felhasználói élményt.