Weboldal redesign esettanulmány bemutatása a Karakter fotó weboldalánál. Egyedi design és teljes arculatváltás volt szükség azért, hogy a minőségi szolgáltatásuk színvonalát a weboldal is tükrözze.
Amikor a weboldal végre a márkádért kezd dolgozni
Olvasási idő: 9 perc
TARTALOMJEGYZÉK
01. A weboldal redesign folyamata Erikáéknál
02. Milyen hibák voltak a Karakter fotó előző weboldalán
03. Új Brand és arculat kialakítása
04. Technikai megoldások az oldalon
05. Interjú Erikával
06. Én is szeretnék weboldal frissitést
Weboldal redesign folyamata Erikáéknál
Erika akkor keresett meg a WAFE tanácsadásra, amikor már érezte, a weboldaluk nem működik úgy, ahogy szeretnék. Bár a képeik gyönyörűek voltak, az eredeti oldal nem adta vissza sem a hangulatot, sem a szakmai színvonalat, amit a fotózások képviselnek.
A látogatók nem igazán konvertáltak, az oldal inkább csak egy passzív valami volt, mintsem egy tudatosan felépített márka rendszer.
Erikáék nem csak szép, hanem működő weboldalra is vágytak
A honlap megújításának kezdeti lépései
Egy előzetes, elemzés során ( WAFE ) átbeszéltük az alapokat:
- Mit szeretnének elérni a weboldallal?
- Kik a célközönségük?
- Milyen érzéseket, hangulatot kellene közvetítenie a felületnek?
- Milyen típusú ügyfelekkel dolgoznak legszívesebben, és miben a legerősebbek?
- És végül: hogyan használják jelenleg az oldalt, és mire szeretnék használni a jövőben?
Ezekre a kérdésekre válaszolva hamar kiderült, hogy itt nem egy kis dizájn frissítésre van szükség, inkább új alapokra. Tudatos struktúrára, átgondolt tartalomra és megbízható technikai háttérre.
Az is hamar körvonalazódott, hogy Erika és Elemér nem tucatfotós oldalt szeretnének. Egy olyan felületet álmodtak meg, amely informatív, és kiemelkedik a sablonos, egymásra hasonlító portfólió oldalak sorából.
A felszín alatt: alapvető technikai hibák és rejtett kihívások
A dizájn megújítása mellett néhány kevésbé látványos, ám annál fontosabb technikai hiányosság is felszínre került. Ezek azok a háttérben megbúvó problémák, amelyek önmagukban nem feltűnőek, de jelentősen rontják a weboldal teljesítményét és így a felhasználói élményt is.
Hogyan lesz egy szép fotós weboldalból hatékony marketing eszköz?
Ahhoz, hogy egy fotós weboldal valódi marketing eszközzé váljon, elengedhetetlen a jól beállított SEO, a gyors oldalbetöltés optimalizált képekkel, valamint a tudatosan kiválasztott portfólió, amely fókuszált és emlékezetes vizuális élményt nyújt.
Milyen hibák voltak az előző weboldallal kapcsolatban?
Hiányzó SEO-alapbeállítások
Az egyik legfontosabb probléma az volt, hogy az oldal nem rendelkezett alapvető keresőoptimalizálási (SEO) beállításokkal. Így hiába a szép képek és az értékes tartalom, az oldal jóval nehezebben volt megtalálható a Google találatai között.
Ez egy gyakori hiba, főleg olyan oldalaknál, amelyek évekkel korábban készültek, és azóta nem kaptak technikai frissítést. A keresők algoritmusai viszont folyamatosan változnak, amit régen „elég jónak” hittünk, ma már kevés lehet.
Lassú betöltés, optimalizálatlan képek miatt
Mivel fotós oldalt készítettünk, a képek kulcsszerepet játszanak. Ugyanakkor pont ezért különösen fontos, hogy ezek technikailag is megfelelően legyenek kezelve. A túl nagy méretű, optimalizálatlan fotók jelentősen lassították az oldal betöltését, ami nemcsak a felhasználói élmény szempontjából hátrány, hanem a Google rangsorolásában is negatív tényező.
A képek újraméretezésével, tömörítésével és a megfelelő formátumok használatával az oldal gyorsabbá vált, így a látogatók is gördülékenyebb élményt kapnak, és a keresőrobotok is kedvezőbben ítélik meg az oldalt.
Melyik fotó kerüljön a portfólióba? A kevesebb néha több elve a gyakorlatban.
A sok jóból kiválasztani a legjobbat
Ez a kihívás inkább kreatív jellegű volt, de annál izgalmasabb. Erika és Elemér fantasztikus munkát végeznek, így rengeteg gyönyörű fotó állt rendelkezésre a portfólióhoz. A bőség viszont nehezíti a szelektálást. Hogyan válasszuk ki a legjobbat a sok jó közül?
És ami talán még nehezebb: hogyan fogadjuk el, hogy nem tehetünk fel mindent?
A kevesebb néha több pszichológia a képválogatás mögött
Bár elsőre csábító lehet minél több képet megmutatni, valójában a túl sok vizuális inger épp az ellenkező hatást válthatja ki.
Az emberi agy gyorsan elfárad a sok, egymás után következő hasonló tartalom láttán, elveszik a fókusz, elmosódnak a különbségek.
Kutatások szerint a legtöbben az első és az utolsó képre emlékeznek leginkább. Ha egy portfólió 100 képet tartalmaz, az információtömeg miatt a látogató könnyen elveszítheti az érdeklődését. Ezzel szemben egy jól szerkesztett, gondosan összeállított válogatás irányítottabb figyelmet eredményez, és sokkal erőteljesebb benyomást kelt.
Ezért közösen egy tudatosan válogatott, letisztult galériát állítottunk össze, olyat, amely méltón mutatja be Erika és Elemér stílusát anélkül, hogy túlterhelné a nézőt. Így a fotók nemcsak szépek, hanem hatásosak is maradnak.
Új arculat kialakítása a Brand miatt
Brand board
A végleges arculati döntések mentén elkészült a brand board, amely egységes keretbe foglalta a márka vizuális megjelenését. Ennek köszönhetően minden felületen következetes, tudatos és felismerhető marad a kommunikáció, ami hosszú távon erősíti a márka hitelességét is.
A legnehezebb döntés: búcsút inteni a régi logónak
A régi logó Erika szívéhez nőtt. Sok év, sok élmény kötődött hozzá. Mégis, amikor közösen végiggondoltuk, hova szeretnének eljutni az új oldallal, világossá vált:
az arculat megérett a változásra. Az új logó letisztultabb, jobban működik kis méretben is, és alkalmasabb komolyabb rendezvényekre, hivatalos megjelenésekhez.
A logó frissitésnél nem álltunk meg, hiszen az arculatot egészében kellett nézni.
A cél nem egy „divatos” weboldal volt, hanem egy olyan, amely:
- egyedi
- szakmailag reprezentatív
- és tükrözi a Karakter Fotó stílusát: közvetlenség, minőség, emberközpontúság.
Technikai háttér és megoldások a weboldallal kapcsolatban
A weboldal WordPress rendszerben, Divi vizuális oldalépítővel készült. Képei optimalizáltak, az oldal mobilbarát, keresőoptimalizálási (SEO) beállításai pedig tudatosan lettek kialakítva, hogy támogatják a jobb online láthatóságot.
A képeknél az alt szövegek is ki lettek töltve, (előtte sajnos nem voltak)
Miért volt erre szükség?
Mert az alt szöveg leírja, mi látható a képen, ez nemcsak a keresőrobotok számára nyújt értékes információt (javítva a SEO-t), hanem a látássérült felhasználók képernyő olvasóinak is segít értelmezni a tartalmat. Emellett akkor is megjelenik, ha valamilyen okból a kép nem tölt be.
Miért lettek a betűtípusok a tárhelyre feltöltve?
A WordPress egyik nagy előnye, hogy rengeteg betűtípus közül választhatunk, főként a Google Fonts integráció miatt. Ez elsőre szuperül hangzik, hiszen így egyedi és vizuálisan egységes megjelenést adhatunk a weboldalunknak.
Ugyanakkor ez az előny könnyen hátránnyá is válhat. Ha a betűtípusokat a rendszer alapértelmezés szerint a Google szerveréről tölti be, az lassabb oldal betöltéshez és felesleges külső adatforgalomhoz vezethet, sőt adatvédelmi aggályokat is felvethet.
Úgy oldottam meg, hogy a betűtípusokat nem külső forrásból tölti be az oldal, hanem közvetlenül a tárhelyre kerültek, így helyben, azaz a weboldal saját kiszolgálójáról töltődnek be. Ennek köszönhetően nincs szükség külső szerverhívásra a Google felé, ami gyorsabb betöltést és adatvédelmi szempontból is kedvezőbb működést eredményez.
Miért fontos a jó sütikezelés egy weboldalnál?
Beszéljünk még egy nagyon fontos elemről, amit sokan szükséges rosszként kezelnek, és még többen pedig szabálytalanul. Ez bizony a süt kérdéskör. Már évek óta a weboldalak szükséges szabályozott része, de sajnos még nagyon sokan csak érintőlegesen foglalkoznak vele, ennek következményeként 10 weboldalból 5 teljesen rosszul kezeli.
Miért fontos a jó sütikezelés?
Mert a sütik nemcsak technikai apróságok. Adatokat gyűjtenek a látogatókról, és így közvetlenül érintik a felhasználók magánszféráját. Éppen ezért az EU-s szabályozások előírják, hogy a weboldal tulajdonosának pontosan tájékoztatnia kell a látogatót a sütik típusáról, céljáról, és csak hozzájárulás után használhat bizonyos típusú sütiket (pl. marketing vagy analitikai célúakat).
A jó sütikezelés tehát:
- jogi megfelelést biztosít (így elkerülhetők a bírságok),
- növeli a látogatók bizalmát, mert átláthatóan kezeli az adataikat,
- és technikai szempontból is segít tiszta működést fenntartani (pl. csak akkor fut analytics vagy remarketing, ha beleegyeztek).
Egy rosszul vagy hiányosan kezelt süti értesítő nemcsak szabálytalan, de megtévesztő is lehet. Ma már nem igaz, hogy „úgysem veszik észre”. Egyre több felhasználó és hatóság is figyel ezekre
Köszönöm Erikának és Elemérnek a bizalmat, hogy rám bízták meglévő weboldaluk megújítását és újragondolását. Nagyon jó volt együtt dolgozni velük, és nagyon örülök, hogy elégedettek az eredménnyel.
Mártival az együtt gondolkodás és dolgozás maga a kikapcsolódás. Mikor megkerestem, hogy kellene egy új weboldal mert a régi már kicsit idejét múlt és változtatni szeretnék rajta, készséggel állt a rendelkezésemre. Kicsit féltem mit fog mondani az elképzelésemre, de olyan ügyesen kérdezett ki, hogy a beszélgetés végére ő már valószínűleg tudta is, hogy milyen lesz az új oldalunk. Kielemezte a régit, meghallgatta én mit szeretnék, majd felvázolta azt , hogy szerinte milyen legyen. Teljesen redesign-oltuk végül az oldalunkat. Laikusként egy szót sem értettem eddig, de elmagyarázott mindent, így a végén még kérdezni is tudtam. Nagyon jó meglátásai vannak, ráérez a partnerére és pontosan tudja mire is lesz szüksége. Egy teljesen más stílusú weboldalunk lett mint a régi és új logót is készített nekünk, ami mindenkinek elnyerte a tetszését. Minden félelem nélkül ajánlhatom őt bárkinek közös munkára.
Az új karakterfoto.com oldal egyszerű, letisztult, de meleg és személyes. Bemutatja Erikát és Elemért, és azt milyen érzést ad a velük való közös munka. A portfólió hangsúlyt kapott, de nem tolakodó módon, a képek mesélnek, a szövegek támogatják őket.
Mini interjú Erikával
Márti: Milyen élmény volt számodra együtt dolgozni az Altira Designnal a weboldalad megújításán? Mitől érezted átláthatónak a weboldal redesign folyamatát?
Erika: Nagyon gördülékeny élmény volt a közös munka, mert minden lépést előre megterveztek, és pontosan tudtam, mikor mi fog történni. Az átláthatóságot az adta, hogy mindig kaptam visszajelzést, vizuális terveket és egyértelmű határidőket. Így sosem éreztem azt, hogy elvesznék a folyamatban
Márti: Hogy tetszett a WAFE szolgáltatás, vagyis a Web Audit Flow Express weboldal audit? Volt olyan rész, ami különösen hasznos volt számodra?
Erika: Nagyon hasznosnak találtam, mert olyan szempontokra hívták fel a figyelmemet, amikre magamtól nem is gondoltam volna. Például, hogy nem elég csak esztétikailag szép legyen a weboldal, hanem stratégiailag is át kell gondolni: hogyan vezeti a látogatót, milyen élményt ad és milyen konverziós célokat szolgál. Ez teljesen új megvilágításba helyezte számomra a weboldal szerepét.
Márti: Mit gondolsz, miért éri meg befektetni egy átgondolt, profi weboldalba?
Erika: Egy weboldal ma az egyik legfontosabb ügyfélélmény, amit egy márka nyújtani tud. Egy profi weboldal nem olcsó, de hosszú távon sokszorosan megtérül, mert bizalmat épít, kiemel a konkurenciából és segít abban, hogy a látogatóból ügyfél legyen. Röviden: nem kiadás, hanem befektetés.
Márti: Milyen jó tanácsod van azoknak, akik még csak most tervezik, hogy weboldalt készíttetnek? Mit tartasz a legnagyobb hibának, amit elkerülhetnének?
Erika : A legnagyobb hiba, ha valaki csak „szép kirakatként” tekint a weboldalára. Érdemes már az elején tisztázni, mi a célja az oldalnak, kihez szól, és hogyan fogja támogatni az üzletet.
A konzisztens márkaépítés elemei a weboldalnál
Egy márka vizuális egysége nem áll meg a weboldalnál. Minden apró megjelenés, legyen az egy ajándékutalvány, egy social media poszt egy instagram hightlight, ugyanahhoz az arculati világhoz kapcsolódik.
A Brand nem csupán esztétikai kérdés: az agyunk szereti a felismerhető mintákat. Amikor egy vállalkozás következetesen ugyanazt a hangulatot, színeket és stílust használja, az biztonságérzetet kelt, és segít abban, hogy az emberek közelebb érezzék magukat a márkához.
A konzisztens megjelenés így nemcsak a profizmust üzeni, hanem mélyebb kapcsolatot is teremt a célközönséggel, mert ami ismerős, azt könnyebben megkedveljük és jobban megbízunk benne.
A márkaépítés nem áll meg a weboldalnál. Egy igazán erős brand minden felületen ugyanazt az értéket és hangulatot közvetíti.
Ne csak egy weboldalban gondolkodj, gondolkodj márkában.
Mert a sikeres vállalkozás nem egy logón, nem egy színen és nem egy honlapon múlik, hanem azon, ahogyan mindezek együtt, tudatosan és egységben működnek.
Lehet, hogy már van weboldalad, csak nem hozza azt, amit szeretnél.
Az is lehet, hogy még csak most körvonalazódik benned az ötlet, hogy honlapot szeretnél.
Bármelyiknél tartasz, egy jól átgondolt alapokra épített weboldal sokkal többet tud adni számodra, mint gondolnád.
Beszéljük át egy kötetlen 20 perces beszélgetésben, miben tudok segíteni neked.