a projekt háttere
A felkérés egy pszichológustól érkezett, aki már rendelkezett saját weboldallal, azonban annak megjelenése már nem tükrözte megfelelően a szolgáltatásai színvonalát, emellett technikai és biztonsági problémák is nehezítették a használatát.
A projekt célja egy hosszú távon fenntartható weboldal létrehozása volt, amely hitelesen képviseli a szakmai munkáját, és megfelelő keretet biztosít a folyamatosan bővülő tartalmak számára. A tervek között rendszeres workshopok/események publikálása is szerepelt, ezért fontos szempont volt a könnyen kezelhető tartalomkezelés kialakítása.
A projekt során az arculattervezést, a UX/UI tervezést, valamint a Webflow fejlesztést is én végeztem.
arculattervezés
Az irány egy letisztult, átlátható és természetközeli vizuális világ volt, pasztell árnyalatokkal, vízfestékszerű részletekkel és a természetben megjelenő színekből merítve. Fontos szempont volt, hogy a weboldal ne hasson ridegnek, ugyanakkor megőrizze a szakmai hitelességet és a letisztultságot. Az arculat színvilágának kialakításakor továbbá a hideg nyár színtípus szolgált kiindulópontként. A visszafogott kékes, szürkés és zöldes árnyalatok nyugodt, harmonikus hangulatot teremtenek, miközben jól illeszkednek a pszichológiai praxis emberközpontú szemléletéhez.
Az első logókoncepciót a kapott brief és saját tervezői intuícióim alapján készítettem el. A bemutatás során azonban kirajzolódott egy sokkal konkrétabb vizuális preferencia: Dóra különösen közel érezte magához a kalligrafikus, kézzel rajzolt hatású megoldásokat. Az ezt követő iterációk során fokozatosan pontosítottuk az irányt, míg végül megszületett az a logó, amely már valóban tükrözte a személyiségét és szakmai szemléletét.
A LOGó
A logó fő eleme a három, általam rajzolt halból formált „E” betű, amely egyértelmű szimbolikával kapcsolódik a sushi világához, és dinamikus, légies hatást kelt. A teljes arculat wordmark jellegű, vagyis a logó elsődlegesen a márkanévre épül.
A logó emellett egy reszponzív változatot is kapott, ahol csak az „E” betű jelenik meg. Ez a kompakt verzió kiválóan használható kisebb vagy szűkebb felületeken, miközben továbbra is önállóan felismerhető márkajelként működik.
ux tervezés
A pszichológiai szolgáltatások esetében a látogatók gyakran bizonytalanok: nem tudják pontosan, milyen problémával fordulhatnak szakemberhez, hogyan zajlik egy első alkalom, vagy mire számíthatnak a folyamat során. A weboldal struktúrájának kialakításakor ezért kiemelt szempont volt a tájékozódás támogatása és a bizonytalanság csökkentése.
A tervezés további fontos feladata a tartalom újrastrukturálása volt. A korábbi weboldalon a tréningek és workshopok egyetlen oldalon szerepeltek, ami megnehezítette az egyes szolgáltatások közötti eligazodást. A cél az volt, hogy a látogatók gyorsan megtalálják azt az információt, amely számukra releváns, ezért a két szolgáltatási területet külön oldalra bontottam.
A tartalmi hierarchia kialakításakor szempont volt az is, hogy a látogatók ne csupán a szolgáltatásokról kapjanak információt, hanem a szakember hátteréről is. Az eredeti elképzelés egy rövid szakmai háttér oldal volt, azonban UX szempontból fontosnak tartottam egy önálló bemutatkozó oldal létrehozását, amely segíti a bizalomépítést és személyesebb kapcsolatot teremt a látogatóval.
ui design
A Dóra által küldött referenciaoldalak közös jellemzője volt az aszimmetrikus elrendezések használata, ezért ezt a megközelítést a saját terveimben is alkalmaztam. A kihívást az jelentette, hogy a dinamikusabb layoutok megőrizzék a pszichológusi weboldalaktól elvárt nyugodt, átlátható és professzionális hangulatot. A cél nem a vizuális hatáskeltés volt, hanem egy olyan egyensúly megtalálása, amely egyszerre teszi érdekesebbé és könnyen befogadhatóvá a felületet.
webflow kivitelezés
A jóváhagyott arculat és tervek alapján a weboldalt Webflow-ban építettem fel. Fontos szempont volt, hogy a rendszer hosszú távon is könnyen kezelhető maradjon, mivel Dóra rendszeresen szeretne új workshopokat és szakmai tartalmakat közzétenni. A cél egy olyan rendszer kialakítása volt, amely a jelenlegi igényeket kiszolgálja, ugyanakkor a jövőbeli bővülést is támogatja.
A projekt számomra lehetőséget adott arra is, hogy mélyebben megismerjem és alkalmazzam a Client-First rendszert, amely átláthatóbbá és könnyebben karbantarthatóvá teszi a projekt struktúráját.
összegzés
Különösen izgalmas volt egy olyan szakmai terület számára tervezni, melynek én is részese voltam és valamennyire még most is vagyok.
Bár a designer feladata a különböző lehetőségek feltérképezése és a vizuális irányok kijelölése, a végleges megoldások az ügyfél visszajelzésein keresztül formálódnak. Az iterációk során Dóra elképzelései és reakciói többször is új irányokat nyitottak meg, amelyekre magamtól nem feltétlenül jutottam volna el.