gerencsér dóra pszichológus
Esettanulmány
gerencserdora.hu
nyíl
Sushi Atelier logo with decorative pink accents over marble surface, chopsticks, and a plate of sushi with garnish.
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.

mockup Gerencsér Dóra pszichológus arculati kézikönyvéből
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.

Gerencsér Dóra weboldalának kezdőoldala
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.

A worksop részletező aloldal a pszichológus honlapján
ö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.

Pizzeria landing page esettanulmány natura stories arculattervezés