The logo

mydesigns

tervezés & megvalósítás

mydesigns

Arculattervezés,
UX/UI és
Weboldalkészítés.

felhasználói élmény
DESIGN SYSTEM
WEBFLOW WEBOLDAL
PSZICHOLÓGIAI SZEMLÉLET
felhasználói élmény
DESIGN SYSTEM
WEBFLOW WEBOLDAL
PSZICHOLÓGIAI SZEMLÉLET

Egy vállalkozás online megjelenése lehetőséget ad méltó módon képviselni azt, amit létrehozott.

A stratégiai felépítéstől a vizuális részletekig végigkísérlek a folyamaton. Az első ötletektől a működő weboldalig.

Ismerj meg és nézd meg a munkáimat!Lefele nyíl érdeklődöm
Telefonos mockup a pszichológus weboldaláról
Laptopos mockup az egyik munkámról. Laptop egy karosszéken.
A pizzéria projekt mockup-ja.
A pizzéria projekt mockup-ja.
csillag

Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed posuere egestas nunc ut tempus.

avatar
Sarah Austen
New York
nyíl
Ez egy mockup az egyik munkámról. Egy laptop látszik egy fotelre téve.
Ez egy mockup az egyik munkámról. Egy laptop látszik egy fotelre téve.
Ez egy mockup az egyik munkámról. Egy laptop látszik egy fotelre téve.
Ez egy mockup az egyik munkámról. Egy laptop látszik egy fotelre téve.
Ez egy mockup az egyik munkámról. Egy laptop látszik egy fotelre téve.
Ez egy mockup az egyik munkámról. Egy laptop látszik egy fotelre téve.

kiemelt munkáim

kiemelt munkáim

Tablet mockup a pszichológusnak készített webioldalamról.
telefonos mockup
logó mockup
logó mockup
Telefonos mockup  a pizzás projektből
blog mockup
nyíl

portfólió

projekt bemutatók

Portfolio piece photo
natura stories
branding
mockup
phil&fred pizzeria
landing page
mockup
gerencsér dóra
pszichológus weboldal
Carabiners attached to a rock climbing anchor on a cliff with green forest and blue sky in the background.
TERÁPIÁS ÉLMÉNYMÁSZÁS
redesign
mockup
hello itton
branding
Miről szól a
te projekted?

szolgáltatások

1-es sorszám: konzultáció és árajánlat

LOGÓ & ARCULATTERVEZÉS

Egyedi logót és egységes arculatot tervezek a vágyott hangulatban, megragadva a vállalkozás üzenetét és értékeit. Harmóniára, modern megjelenésre és eredetiségre törekszem.

2-es sorszám: tervezés

UX/UI TERVEZÉS

A folyamat során megtervezem a felület felépítését és megjelenését. Ez magában foglalja a felhasználóbarát kialakítást, az üzleti célokhoz igazított struktúra megtervezését, valamint a végső vizuális megjelenést.

3-as sorszám: megvalósítás

WEBOLDAL KÉSZÍTÉS

Reszponzív, gyors és SEO-barát Webflow weboldalakat építek. CMS-t használok, így a tartalmak (pl. blogok, projektek, termékek) később a megrendelő számára is  egyszerűen frissíthetők.

MIT TUDOK NYÚJTANI?

Esztétikus és teljesen egyedi megjelenést

Ráhangolódást a vállalkozásod üzenetére és értékeire

A célközönséged könnyebb megnyerését

Válaszkészséget, elköteleződést

INGYENES KONZULTÁCIÓS LEHETŐSÉG

Jelentkezz egy 20 perces ingyenes videóhívásra, ahol átbeszéljük az elképzeléseidet és ezek megvalósítási lehetőségeit.
JELENTKEZEM
Mesélj a projektedről!
Egy rövid, ingyenes online beszélgetés során átbeszéljük az ötleteidet, a céljaidat és a lehetőségeket.
ÍRJ NEKEM

Yasser S.

,, Zsuzsanna has been absolutely amazing to work with. She’s quick, responsive, and incredibly efficient. She understood my vision right away and translated it perfectly into a beautiful Figma design that shows both creativity and deep understanding. She asks the right questions, makes smart design decisions, and delivers fast. Highly recommend working with her! "

1-es sorszám: konzultáció és árajánlat

KONZULTÁCIÓ ÉS ÁRAJÁNLAT

Közösen kialakítjuk a koncepciót, majd elküldöm számodra az árajánlatot.

2-es sorszám: tervezés

TERVEZÉS

A tervezési szakasz végére elkészül a honlapod teljes egyedi design terve.

3-as sorszám: megvalósítás

MEGVALÓSÍTÁS

A weboldalad fejlesztésre kerül
Webflow-ban.

4-es sorszám: átadás

ÁTADÁS

Átadom az élő honlapot és megmutatom a
könnyen kezelhető szerkesztési felületet.

Alkossunk valami maradandót!

Mesélj a projektedről pár mondatban, és 24 órán belül visszajelzek!

Üzenetküldés:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Close icon
Terápiás élménymászás
Esettanulmány
A BRAND

A Terápiás Élménymászás a mászás és a pszichológia találkozási pontjára épülő program. Bár maga az egyesület később alakult meg, az első foglalkozásokat már 2015-ben elindítottuk egy közeli barátnőmmel. Akkoriban fejeztem be a pszichológus mesterképzést, és kezdtem bele a sportpszichológus szakképzésbe, miközben a mászás gimnazista korom óta – és azóta is – az életem meghatározó része.

Az Élménymászás brand a fal- és sziklamászás terápiás célú alkalmazására épül, miközben nagy hangsúlyt fektet a közösség megtartó és támogató erejére. Az elsődleges célcsoport kezdetben az iskoláskorú gyerekek voltak, ezért a vizuális arculat célja az lett, hogy játékos, barátságos, mégis kellően letisztult és felnőttek számára is hiteles legyen.

SZEREPEM

A Homepage redesign eredetileg egy gyakorló feladatnak indult a designer tanulmányaim során, mégis jóval több lett annál. A szülési szabadságom lezárulta után ugyanis nem tértem vissza (egyelőre) az egyesületünkhöz, hanem a szakmaváltás mellett döntöttem, és most ezt az utat járom. Így az Élménymászás számára való alkotás valahol egyfajta búcsúzás is volt – bár akkor még nem teljesen gondoltam ebbe bele - mégis érzelmileg nagyon bevonódtam.

A projekt során a Homepage redesign-ját készítettem el Figmában. Mivel ekkor még kevés tapasztalatom volt, több kihívással is találkoztam, főként technikai téren. Ugyanakkor minden egyes megoldott probléma hatalmas örömöt jelentett, és tovább erősítette bennem azt az érzést, hogy jó helyen vagyok ezen az új területén.

mockup
technikai és vizuális kihívások

A projekt során több technikai nehézséggel találkoztam, elsősorban azért, mert ekkor még kevés gyakorlatom volt a UI/UX folyamatok teljes kivitelezésében. Sok funkcionális és layoutbeli megoldást magamtól kellett kikísérletezni. Ez időigényes volt, ugyanakkor sokat tanultam belőle.

Külön kihívást jelentett, hogy a projekthez nem szerettem volna stock fotókat használni. Az egyesületnek rengeteg saját fotója volt ugyan, de ezek nagyobb méretben sokszor nem voltak elég jó minőségűek. Emiatt folyamatosan egyensúlyoznom kellett a vizuális minőség, a márkahűség és a technikai korlátok között.

összefoglalás

Összességében ez a projekt sokkal több volt számomra, mint egy gyakorló feladat, mivel az Élménymászás számomra személyes ügy is egyben. Amellett, hogy rengeteget tanultam a designfolyamatról, a megoldáskeresésről, a vizuális rendszerek felépítéséről, úgy gondolom, hogy az Élménymászás iránti kötődésem segített abban is, hogy a design őszinte, meleg és hiteles legyen.

back icon
It's an icon
HELLO ITTHON DESIGN STUDIO
Esettanulmány
A Hello Itthon logója
A felkérés

A megbízást egy, karrierjét most elindítani kívánó lakberendező hölgytől kaptam. A felkérés a teljes folyamatra vonatkozott: néhány kezdeti elképzelés alapján az arculattervezés, a UX/UI kialakítása és a Webflow-ban való megvalósítás egyaránt az én feladatom lett volna. Az arculat elkészítése után azonban a projekt anyagi okok miatt átmenetileg megállt. Ha a megrendelő helyzete rendeződik, a közös munka várhatóan folytatódik, így eddig a branding készült el teljes egészében és ezt szeretném itt bemutatni.

A BRAND

A Hello Itthon Design Studio egy olyan lakberendező vállalkozás, amely az esztétikus, minőségi és funkcionális belső terek kialakítására törekszik, miközben kiemelt hangsúlyt helyez az elérhetőségre is. A lakberendezés manapság sokszor presztízskategóriává vált, a felsőbb rétegek kiváltságának tűnik, és emiatt sokan eltávolodtak tőle. A Hello Itthon célja, hogy ezt a távolságot csökkentse: közvetlenebb kapcsolatot, valós lehetőséget és átlátható folyamatot kínál mindazoknak, akik egy strukturált, otthonos és igazán hozzájuk illő élettérre vágynak.
Stílus és vizuális irány tekintetében a megrendelő kérésének megfelelően kiemelt szerepet kapott a fa anyag jelenléte, a díszes – de nem túlzó – esztétika, valamint egy-egy kiugró, karakteres szín. Korszakban a mid-century modern áll hozzá legközelebb, így a kezdeti inspirációk gyűjtése is ebben a stílusirányban történt.

MOODBOARD
Moodboard
A LOGó

A logó alakja házra/háztetőre utal, mely valójában három egymásban lévő négyzetből áll, melyek elforgatva és megvágva adják a logó modern jellegét. A motívum a belső tereket, az otthonosságot és biztonságot kívánja megjeleníteni.

Hello Itthon design studio logo displayed on brown and cream backgrounds and printed on a white tote bag with shadows.
SZÍNEK ÉS BETŰSTÍLUS

A fa anyag miatt mindenképp szerettem volna barnát is beemelni a színpalettába. Elsőként a bordós-barna irány is felmerült, de végül Tündi elvetette ezt a hangulatot, így a sárgás–konyakbarna lett az a meleg árnyalat, amit kerestem. A türkiz pedig már az általa küldött inspirációkon is szerepelt, és rögtön megtetszett ez a friss, karakteres irány. A két szín különböző árnyalataival kísérletezve – kiegészítve egy lágy, világos, meleg háttérszínnel – alakult ki az a paletta, amely digitális környezetben is jól működik és kellően kiugró.

A tipográfiánál a Yuji Syuku betűtípusra esett a választásom: enyhén rezgő, kézzel rajzolt hatású vonalvezetése finom történelmi, bútorművességhez köthető hangulatot idéz, és természetes otthonosságot kölcsönöz az arculat egészének.

A blog
mockup
Összegzés

A Hello Itthon Design Studio arculatának kialakításakor a cél egy letisztult, otthonos, mid-century ihletésű vizuális világ megteremtése volt, amely közelebb hozza a lakberendezést azokhoz is, akik eddig nehezen elérhetőnek érezték. A logó a belső terek tereket és az otthon biztonságát jelképezi, míg a konyakbarna és türkiz színpaletta friss, mégis természetes hangulatot ad. A Yuji Syuku betűtípus finom, történelmi karaktere tovább erősíti az otthonosság és minőség érzetét. A projekt jelenleg az elkészült branding fázisánál tart, a folytatás a megrendelő anyagi helyzetének rendeződésétől függ.

A Hello Ittho logója
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.

Alkossunk valami maradandót!

Mesélj a projektedről pár mondatban, és 24 órán belül visszajelzek!

email ikon
szabozsuzsabobi@gmail.com
Telefon ikon
+ 36 20 255 1666
Üzenetküldés:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
X jel
fotó
fotó
NATURA STORIES
Esettanulmány
mockup
A Brand

A Natura Stories egy induló vállalkozás, amely kézzel készült jesmonite termékekkel foglalkozik. A márka alapértékei közé tartozik a természetközeliség, az otthonosság és a fenntartható anyaghasználat. Fontos szerepet kap a történetmesélés is: a termékek nem csupán tárgyak, hanem személyes történeteket őriznek.

A SZEREPEM ÉS KIHÍVÁSOK

Én feleltem a Natura Stories arculatának megtervezéséért, amely magában foglalta a logó és logóvariációk tervezését; a színpaletta és tipográfiai rendszer kialakítását; egy rugalmasan használható mintázat megtervezését; valamint az arculati kézikönyv összeállítását. Mivel a piacon már sok esztétikus, natúr hangulatú márka létezik, a fő kihívást az jelentette, hogy mi adhat valódi pluszt és egyediséget az arculatnak.
A megrendelő által küldött referenciákban növényi motívumok szerepeltek, így ebben az irányban indultam el, ugyanakkor hamar nyilvánvalóvá vált, hogy rengeteg hasonló vizuális megoldás létezik.
Végül elkezdtem saját levélformákat rajzolni, amelyek organikusan kapcsolódtak egymáshoz, és már önmagukban is egy kellemes, nyugodt vizualitást adtak. Ezzel párhuzamosan a tipográfiával is kísérleteztem, és ekkor vált egyértelművé, hogy a levélmotívum finoman kapcsolódni tud a “Natura” szó „t” betűjéhez.

A LOGÓ

A logó a történetek kibontakozásának gondolatára épül: az emberi, családi és személyes történetek tovább fejlődését, többé válását szimbolizálja. Ezt a gondolatot három stilizált falevél jeleníti meg, amelyek egymással harmonikus egységet alkotva egyszerre utalnak a természetre és a történetmesélésre.
A három levél egyben a „natura” szó T betűjének formáját rajzolja ki, így egy különleges wordmark logót kapunk. A visszafogott, földszínekre épülő színpaletta, valamint a vékony vonalvezetésű, lekerekített Quicksand betűtípus együtt nyújtják a logó kecses, naturális és finom megjelenését.

A SOCIAL MEDIA LOGO

A közösségi felületekre egy külön social media logó készült, amely az eredeti logó arányainak finom módosításával biztosítja a jó felismerhetőséget és olvashatóságot kis méretben is.A fő vizuális elemek változatlanok maradtak, miközben az elrendezés kifejezetten digitális felhasználásra lett optimalizálva.

This is a mockup for Natura Stories
SZÍNHASZNÁLAT ÉS TIPOGRÁFIA

A természetes, natúr színek használata a márka egyik alappillére volt, ugyanakkor kihívást is jelentett, hogy minden felületen biztosítva legyen a megfelelő kontraszt és jó olvashatóság. Ennek érdekében sötétebb kiegészítő- és szövegszínek kerültek bevezetésre.

A Quicksand betűtípus választása a lekerekített formákból és könnyed megjelenéséből fakadt, amelyek jól támogatják a márka barátságos, finom karakterét. Letisztult szerkezete jó olvashatóságot biztosít, miközben megőrzi a természetes, közvetlen hangulatot.

ikonikon
ÖSSZEGZÉS

A projekt során az volt a célom, hogy egy olyan arculat szülessen, amely túlmutat a megszokott natúr vizuális megoldásokon, mégis természetes és időtálló marad. A Natura Stories esetében a koncepció, a tipográfia és a grafikai elemek szoros egységet alkotnak, így az arculat egyszerre mesél történetet és működik jól a mindennapi felhasználás során.

This is the logo for Natura Stories