Pánácz Design Blog
Esettanulmány:
Torma Valentin új weboldala

Torma Valentin az egyik legnépszerűbb magyar fitnesz YouTuber, így több tízezer emberhez jut el a videói által. Még 2020 februárjában kerestem fel az endietam.hu ötletével, ami aztán 2020 nyár elején el is indult, és azóta is közösen dolgozunk a projekten. Valentin a táplálkozás szakmai részét viszi, én pedig a design és fejlesztés munkákat csinálom.

Már korábban is felmerült Valentinban, hogy a saját oldalát is le kellene cserélni egy modern, profi honlapra. 2021. márciusi szabadúszóvá válásom után pedig minden adott volt, hogy ez meg is történjen. Az endietam.hu-n való közös munka után nem volt számára kérdés, hogy rám bízza a saját oldalát is. 🙂

Csabinak nem csak a szaktudása, hanem az esztétikai érzéke is kifogástalan. Az endietam.hu-n való közös munkában a gyors kommunikáció és megvalósítás, megbízhatóság, valamint a kreatív megoldások tetszettek. Biztos, hogy a jövőben is hozzá fogok fordulni.

Előkészületek

Tehát az alaphelyzet az volt, hogy volt egy saját maga által összerakott wordpress oldala, ami egyébként a funkcióját elláta, de látszott rajta, hogy nem egy szakember készítette és hogy nem felel már meg a mai trendeknek, elvárásoknak.

A feladat egy szép, letisztult, profi oldal, ahol a funkciók nagyjából ugyanazok maradnak, mint az eddigi oldalon. Az oldal maga egy bemutatkozó oldal, ahol bizonyos szolgáltatásokat, termékeket meg is lehet vásárolni.

Első lépésként egyeztettük a részleteket, ötleteltünk, hogy pontosan mire is van szükség, majd miután minden tisztázódott és az árajánlatom is elfogadásra került, bele is csaptunk a további munkába. Van egy rövid kis kérdőívem, amivel a márka és a megjelenés alapvető tulajdonságaira kérdezek rá. Ez azért jó, mert kicsit a megrendelő is elgondolkodik a specifikus kérdések segítségével, hogy mik is a márkája fő üzenetei, milyen hangulatot, megjelenést szeretne viszontlátni az elkészült munkában. Illetve nyilván a válaszok segítségével én is közelebb kerülök az aktuális munka megoldásához. Ezen kívül még a felhasználható anyagokat kértem be, amik ez esetben logóból, képekből és már megírt szöveges tartalmakból álltak.

Legtöbb esetben egy kézzel rajzolt drótvázzal kezdem a munkát

Tehát a design elkezdését 3 fontos ütem előzte meg:

• Pontos feladat leírás összeállítása
• Design kérdőív kitöltése
• Rendelkezésre álló anyagok begyűjése, elkészítése

Design

Első körben mindig a főoldal tervét rajzolom meg. Ez most is így történt és az anyagok rendelkezésre állása után kb. 1 héttel tudtam is mutatni az elkészült munkát. Valentinnak egyből nagyon tetszett a terv, így ennél a projektnél nem is volt több kör a főoldal megjelenését tekintve.

Szia Csabi!
Sok hozzáfűznivalóm nincs, ugyanis nagyon tetszik, így ahogy van! 😀

Természetesen, ha lettek volna észrevételei, vagy legrosszabb esetben, ha nagyon nem tetszett volna neki a design, akkor még további körökben alakítottuk volna olyanná, hogy mindenki elégedett legyen a végeredménnyel. Itt viszont minden tetszett mindenkinek már elsőre, így haladhattam is tovább az aloldalak tervezésével.

Az előre egyeztetett 4 db aloldalt készítettem el, ezek valamivel kevesebb, mint egy hét alatt lettek prezentálható állapotúak. Örömömre, ezek is egyből elnyerték Valentin tetszését.

Az elkészült főoldal és aloldal designok a figma nevű szoftverben

Nagyon bejön!
…
Szép design és első pillantásra átlátható. Szerintem minden ott van, ahol kell. 🤗

Fejlesztés

Ezt követően a design részét zárhattam is és kezdetét vehette a weboldal fejlesztése. Gyorsan tudtam haladni az admin felület és az oldal építésével, így már kevesebb, mint 2 hét elteltével az oldal asztali verzióját küldtem is megnézésre.

Az oldal admin felülete

Nagyon izgalmas látni, hogy működik! :)
Szerintem szuper! A vásárlásnál még annyi lenne jó, ha az ország is meg lenne jelölve. Nekem számlázásnál könnyebb a dolog.

Természetesen bekerült az ország bekérése is és folytattam a munkát a kisebb kijezőkre történő optimalizálással. Ebben a fázisban pedig már Valentin elkezdhette feltölteni a végleges tartalmakat az admin felületen.

A reszponzív megjelenés elkészítése már csak pár napot vett igénybe. Ezután még Valentin és én is átnéztük, teszteltük az oldalt, majd elérkezett az élesítés ideje.

Az élesítés folyamata alapvetően egyszerű, csak minden adatnak rendelkezésre kell állnia. Gondolok itt domain név kezelésre, tárhely adatokra, Valentin oldalánál a fizetési szolgáltatásokra (PayPal, Stripe). Ezek össze szedésében, beállításában persze szintúgy segítek.

Végeredmény

A végeredmény szerintem egy szép, modern, letisztult, egyszerűen használható és bizalmat építő weboldal lett, ami természetesen minden eszközön (monitor, laptop, tablet, telefon) tökéletesen jelenik meg. De az én véleményemnél sokkal fontosabb, a megrendelőé:

A legfontosabb tőkénk az idő, amit én sem szeretek pazarolni. A saját weboldalam elkészítése előtt volt szerencsém Csabival dolgozni az endietam.hu projekten, és már ott egyértelmű volt számomra, hogy ha weboldalra lesz szükségem a jövőben, akkor hozzá fogok fordulni. A weboldalam hatékony és funkcionális, a design pedig letisztult és megnyerő. Ezekhez pedig gyors és elvárásaimnak megfelelő megvalósítás is párosult. Időből sosincs elég, így érdemes már első körben a megfelelő szakemberhez fordulni.

A kész oldal hajtás feletti része

Az oldal megtekintéséhez kattints ide:
www.valentintorma.com