Y
N
D
S
Logo of our client Salvári Training featuring a smile and a dumbell
Salvári Training - 2024 május

Hogyan segítettünk egy személyi edzőnek bizalmat és hitelességet építeni

Screenshots from the end result of the website

Ügyfél

Salvári András / Salvári Training

Projekt

Új weboldal

Ipar

Személyi edző

Projekt időtartama

4 hét

Áttekintés

András azzal keresett meg minket, hogy elkészítsük élete első weboldalát a Salvári Training nevű vállalkozása számára.

Már az első beszélgetésünkből kiderült, hogy készen áll arra, hogy szintet lépjen az vállalkozásában. Erős alapokat épített ki offline, de szüksége volt egy olyan digitális jelenlétre, amely tükrözi a profizmusát, lendületét és ambícióját.

A projekt célja egy olyan weboldal tervezése és fejlesztése volt, amely bemutatja András személyiségét, bizalmat ébreszt és segíti az érdeklődők konvertálását ügyfelekké.

Legfőbb célok

01

A weboldal tükrözze András laza személyiségét és adja vissza az edzései hangulatát

02

A weboldal segítsen bizalmat és hitelességet építeni egy professzionális megjelenésen keresztül

Kihívás

Annak ellenére, hogy András tapasztalt és szenvedélyes fitnesz edző, nem rendelkezett olyan digitális platformmal, ahol bemutathatta volna szolgáltatásait, szakértelmét és személyiségét. Egy olyan weboldalra volt szüksége, amely:

  • Bizalmat épít ki a lehetséges ügyfelekkel első pillantásra

  • Világosan kommunikálja szolgáltatásait és megkülönböztető jegyeit

  • Hiteles és összhangban van az edzései energiájával és filozófiájával

  • Könnyen frissíthető technikai tapasztalat nélkül is

Folyamat

A projekt ütemtervét négy fázisra bontottuk:

  1. Kezdés és feltárás

    Egy workshop-pal kezdtünk, amely során feltérképeztük a lehetséges arculati irányokat, a kulcsfontosságú funkciókat és az általános célokat. Ez segített összehangolni a víziónkat, és szilárd alapot teremtett a projekt számára.

  2. Megjelenés és hangulat

    A következő alkalommal egy „Megjelenés és hangulat” workshop keretében szűkítettük le a vizuális irányvonalat. Ez a lépés kulcsfontosságú volt abban, hogy olyan design tudjon készülni, amely hitelesen tükrözi Andrást.

  3. Végleges design Figma-ban

    Miután az irányvonal egyértelművé vált, oldalról oldalra megterveztük a teljes weboldalt Figma-ban, ügyelve az elrendezés, az üzenetközvetítés és a felhasználói élmény egységességére.

  4. Fejlesztés Webflow-ban

    Néhány tervezési iteráció és a végleges dizájn lezárása után áttértünk a fejlesztési fázisra, és Webflow-ban keltettük életre az egészet.

Roadmap timeline: workshops on 1st day, look and feels on 1st week, 2 weeks for Figma design, 2 weeks for Webflow development

Márkaépítő és feltáró workshop

Egy egyórás ötleteléssel kezdtünk, amely a 12 márka archetípus köré épült. Ez az alkalom segített Andrisnak átgondolni, hogy milyen érzést szeretne, hogy a márkája közvetítsen – nem csak azt, hogyan nézzen ki.

Színeket, hangulatokat, értékeket és lehetséges szlogeneket vizsgáltunk meg, mélyebbre ásva vállalkozása érzelmi oldalába. Később elmondta, hogy ez az alkalom áttörést jelentett a márkája személyiségének meghatározásában.

A három archetípus, amellyel a leginkább azonosulni tudott, a Hős, a Bolond és a Bölcs volt — egy egyedi kombináció, amely visszaadja motiváló energiáját, humorérzékét és tudásának mélységét.

Archetype examples: Nike is a hero brand, Chanel is a lover brand, M&M's is a jester brand

Megjelenés és hangulat

A kiválasztott márka archetípusokat alapul véve négy különböző vizuális irányt hoztunk létre, hogy felfedezzük márkaidentitásának eltérő értelmezéseit.

Egy külön workshop keretében András áttekintette az egyes opciókat, és visszajelzéseket adott. Végül két koncepció elemeit ötvöztük: az első változat hagyományos hero szekciós elrendezését megtartottuk és a második verzió képközpontú szolgáltatások részével kombináltuk.

Look and feel examples

Végleges design

A végleges design két hét alatt készült el. Ez idő alatt többször kértünk tőle visszajelzést, így észrevételei alapján gyors iterációkat tudtunk készíteni.

A kért módosítások többsége az üzenetek stílusának finomhangolására és a szövegek olvashatóságának javítására irányult – arra törekedtünk, hogy a tartalom jobban tükrözze az ő hangvételét és minden eszközön könnyen olvasható maradjon.

A szakasz végére elkészültek a végleges, teljesen jóváhagyott tervek, így készen álltunk arra, hogy továbblépjünk a fejlesztési fázisba.

Fejlesztés Webflow-ban

A dizájn véglegesítése után áttértünk a fejlesztési szakaszra, és az egész weboldalt Webflow-ban építettük fel.

Hogy megkönnyítsük a későbbi frissítéseket, CMS-gyűjteményeket használtunk a blogokhoz és más ismétlődő tartalmakhoz. Emellett egyedi mezőket is létrehoztunk, világos – magyarul megírt – leírásokkal, hogy magabiztosan tudja frissíteni az oldalt technikai segítség nélkül is.

CMS settings in Webflow with unique fields

Végeredmény

A projekt egy teljesen reszponzív, könnyen kezelhető weboldallal zárult, amelyet András most büszkén használ a Salvári Training online képviseletére.

6 hónap

Mindössze hat hónappal az indulás után megszerezte első új ügyfelét közvetlenül a weboldalon keresztül.

Megerősödött önbizalom

A projekt utáni interjúnk során, András megosztotta, hogy az új oldal hogyan érősítette benne a  of professzionalizmus és a hitelesség érzetét:azt érzem, hogy azóta sokkal magabiztosabban létezem ”.

Javult bizalom és hitelesség

A meglévő ügyfeleitől érkező visszajelzések azonnaliak voltak – már pusztán a megújult online jelenlét miatt is kiforrottabbnak és hitelesebbnek látták őt.

Fő tanulságok

A jók, a rosszak és a nehézségek – olyan tanulságok, amelyeket a jövőbeli projektek során is szem előtt tartunk.

Az útmutatók fontosak

Mivel az ügyfél nem volt jártas a weboldal-kezelésben, különös figyelmet fordítottunk az átlátható dokumentációra, oktató anyagokra és a rendszeres egyeztetésekre.

Fontos a közös ötletelés

Ügyfeleink nem mindig jártasak a technológiában, ezért tapasztalataink szerint sokat számít, ha közös, gyakorlati workshopok keretében dolgozunk velük együtt. Az aktív részvétel révén erősebb tulajdonosi szemlélet és elégedettség alakul ki bennük, amikor a projekt végül összeáll.

Időnyomás az élesítéskor

Az indulás napján a dolgok gyakran tovább tartanak a vártnál – különösen, ha az ügyfél először használ új eszközöket. Ha több időt szánunk erre a napra, az segít abban, hogy minden zökkenőmentesen, kapkodás nélkül menjen élőbe.

Alkalmazkodás az ügyfél célközönségéhez

A teljes folyamat során az ügyfél célközönségét tartottuk szem előtt. Ez lehetővé tette, hogy az ügyfél hitelesebben kapcsolódjon a felhasználóihoz.