Az Édesem Emlékportrék különleges, kézzel formázott állatportrékat készít fotók alapján. Ezek az apró alkotások nem egyszerű dekorációk: egy szeretett kedvenc személyiségét és emlékét őrzik meg. A weboldalnak ugyanezt a személyes, szeretetteljes hangulatot kellett közvetítenie.
Határozott elképzelésből működő weboldal
Szilvi már a közös munka kezdetén pontosan tudta, milyen világot szeretne létrehozni az Édesem köré. Saját látványtervvel, meghatározott színekkel és betűtípusokkal, vektorizált ikonokkal, retusált termékfotókkal és szöveges anyagokkal érkezett.
A terv azonban csak vizuális iránymutatás volt. Az én feladatom az volt, hogy ebből egy valóban működő, átlátható és minden eszközön jól használható WordPress-weboldal szülessen.
Már a projekt indulásakor szükség volt egy fontos változtatásra. Az eredetileg kiválasztott edesem.hu domain nem vált elérhetővé, ezért új nevet kellett találni. Így született meg az edesemportrek.hu, amely végül még pontosabban kifejezi, mivel foglalkozik a márka.
A legnagyobb kihívás: a hero szakasz
A nyitóképnél egyszerre kellett érvényesülnie a szövegnek, a finom, bézses háttérnek és magának az állatportrénak. Asztali nézetben a széles kép elegendő helyet biztosított ehhez, mobilon azonban a keskeny képarány miatt vagy a portré, vagy a szöveg szorult volna háttérbe.
Több elrendezést is kipróbáltunk, mire megszületett a végleges mobilverzió. A portré a szöveg alá került, a kép felső része pedig finom átmenettel olvad bele a bézs háttérbe. Így már kevés görgetés után láthatóvá válik, miről szól az oldal, miközben a nyitóképernyő megőrizte a légies, elegáns hangulatát.
Ez a megoldás jól mutatja, hogy a reszponzív tervezés nem egyszerűen az asztali oldal lekicsinyítését jelenti. Sokszor külön elrendezésre és más vizuális logikára van szükség ahhoz, hogy mobilon is ugyanazt az élményt kapjuk.
Finom részletekből egységes megjelenés
A fejlesztés során sok apró részletet hangoltunk össze. Egységesítettük az ikonok vonalvastagságát, a barna árnyalatokat és a szövegszíneket, javítottuk a különböző képernyőméreteken jelentkező tipográfiai és igazítási problémákat.
A galéria eredetileg egységesen beállított portrékból állt volna, később azonban egy mozgalmasabb, hangulati fotókat is használó elrendezés mellett döntöttünk. Az új galéria már nemcsak magukat az alkotásokat mutatja meg, hanem azt is, hogyan mutatnak a portrék egy hűtőszekrényen, ajtón vagy más otthoni környezetben.
A weboldal színvilága meleg, visszafogott barna, bézs és púderes árnyalatokra épül. A finom vonalak, a szívmotívumok, az egyedi ikonok és a klasszikus betűtípusok együtt olyan világot teremtenek, amely jól illik a kézzel készített portrék személyességéhez.
Nemcsak bemutat, hanem végigvezeti a látogatót
A weboldal egyetlen hosszú, logikusan felépített oldalon mutatja be az Édesem Emlékportrékat. A látogató először megismeri a szolgáltatás lényegét és Szilvi történetét, majd végigkövetheti a rendelés menetét, megnézheti a korábbi munkákat, az árakat, a készítés folyamatát és a vásárlói véleményeket.
A gyakori kérdések külön szakaszt kaptak, a kapcsolatfelvételi űrlapon pedig a látogató már a megkereséshez szükséges fényképeket is feltöltheti. A megrendelés így közvetlenül a weboldalról elindítható, de az Instagram- és Facebook-oldalak is könnyen elérhetők.
Az oldalra felkerültek a szükséges jogi dokumentumok, az adatkezelési hozzájárulás, valamint az alapvető keresőoptimalizálási beállítások is. A képek egyedi ALT-szövegeket kaptak, elkészült a Google-ben megjelenő cím és meta leírás, az indexelést pedig csak a véglegesítés után kapcsoltam be, hogy a kereső ne egy félkész változatot dolgozzon fel.
A végeredmény
Az Édesem Emlékportrék végül nem egy előre elkészített sablon alapján született meg. Egy meglévő vizuális elképzelést alakítottam át működő, mobilbarát és könnyen használható weboldallá, miközben az ügyfél saját stílusa és személyisége végig megmaradt.
A projekt végén Szilvi így fogalmazott:
„Nagyon szépen köszönöm a munkádat, tényleg olyan lett, amilyenre vágytam.”
Ennél jobb visszajelzést nehéz lenne kapni.
Szeretnél hasonló eredményt a saját weboldaladdal is?
Ha már van elképzelésed, de szükséged van valakire, aki abból átgondolt és működő weboldalt készít, keress bátran! Vedd fel velem a kapcsolatot!
Segítek abban, hogy a vállalkozásod végre olyan formában jelenjen meg az interneten, amilyennek mindig is elképzelted.
