Régi alapokra építkeztünk, mégis minden friss lett: új arculat, új felhasználói élmény, új lendület. Most bemutatom, hogy zajlott a folyamat!
Kíváncsi vagy, hogy készült el a Bodai Csoda új weboldala? Akkor tarts velem ezen az izgalmas úton, mert most elmesélem, milyen lépésekből állt a weboldal újrateremtése!
A Bodai Csoda egy kisvállalkozás, amely főként lekvárokat, csatnikat, gyümölcssajtokat és szörpöket készít házilag, saját termelésű alapanyagokból. Bodán lévő kertjükben vegyszermentesen termesztik a szükséges növényeket, hogy a lehető legegészségesebb termékeket kínálhassák vásárlóiknak. Első webshopjuk 2024 februárjában indult el, ami nagy öröm volt a vállalkozás alapítói és vevői számára egyaránt. Mindezidáig teljesen jól is működött, azonban a vállalkozás az elmúlt másfél év alatt sokat fejlődött, így közös elhatározás alapján átalakítottuk a weboldalt. Új designt kapott, illetve javítottunk a SEO-n és a betöltési gyorsaságon. A végeredmény pedig egy olyan stílusos webshop lett, amire mindegyikőnk büszke lehet.
Na, de hogyan kezdtünk hozzá a weboldal felfrissítéséhez?
Először is töröltük az egész weboldalt… Mármint fejben, hiszen teljesen új koncepcióval akartunk indulni. Természetesen a régi weboldalnak csak néhány részét töröltük véglegesen (néhány oldalt, bővítményt és képet), a már megírt bejegyzések és feltöltött termékek megmaradtak, ezeket csak átalakítottuk kicsit, optimalizálva ezzel a weboldal gyorsaságát, illetve több infót szerettünk volna közölni a termékekről.
A régi weboldal meghagyása azért is volt szükséges kezdetben, mert pár elemet (például a bemutatkozó szöveget) újra felhasználtunk, csak ezúttal új köntösbe öltöztettük.
Tiszta lappal indítottunk. Az egyetlen dolog, ami ugyanaz maradt, az a Bodai Csoda logója volt. Elkezdtünk új színeket keresni. Elsőként a lilára gondoltunk, hiszen a vállalkozás első terméke, a Happy Alex, kékes-lilás Othello szőlőből készült. Ezt az ötletet azonban néhány próbálkozás után elvetettük, mert nem sikerült összhangba hozni a logó színeivel és a vállalkozás személyiségével sem. Végül intuíció alapján indultunk el, és több lehetőség közül egy lágyabb bézses és egy erősebb bordó árnyalatra esett a választásunk. Míg előbbi a vállalkozás természetközeliségét szemlélteti, addig utóbbi a Bodai Csoda második termékére, a Happy Suzy-ra emlékeztet, mivel ez egy élénk, sötét rózsaszín Delaware szőlőzselé.
Új betűtípust is választottunk. Ez viszonylag gyorsan ment. Nem akartuk túlspilázni a dolgokat, inkább az egyszerűségre és a hozzáférhetőségre törekedtünk, így lett a weblap új fontja a Poppins.
Mivel már régóta ismerem a vállalkozást – hiszen az előző weboldalukat is én készítettem, – a moodboard elkészítése könnyen és gyorsan zajlott. Néhány apróbb változtatás után elkezdhettünk azzal foglalkozni, hogy mit is szeretnénk megjeleníteni a főoldalon. Az előző weboldal készítése során szerzett tapasztalatok alapján már ez a munka is hatékonyan ment, ráadásul, nem titok, hogy a szövegek megírásánál az AI is besegített pár helyen. Miután elkészült a drótváz, már csak a megfelelő képek kiválasztása volt hátra. Egy párat feljavítottunk, másokat átalakítottunk, hogy jobban illeszkedjenek az új arculathoz.
Elkészült a weboldal végleges kinézetének tervezete. Mikor a megrendelők is rábólintottak, elkezdtem építeni a weboldalt. Először létrehoztam az új főoldalt, majd a többi aloldalt is összeállítottam a megbeszéltek alapján.
A termékek leírását kiegészítettük és optimalizált képekre cseréltük a régieket, ügyelve arra, hogy a minőségük megmaradjon.
Az utolsó fázis a tesztelés volt: családtagokat és barátokat kértünk meg, hogy böngésszenek az oldalon, adjanak le rendelést és üzenjenek az oldalon keresztül. Volt, aki a számítógépén, volt, aki a telefonján és volt, aki a tablettjén tesztelt, így megbizonyosodhattunk arról, hogy minden képernyőméretre megfelel weboldal. Mivel a próbarendelések sikeresen beérkeztek a várt email fiókba, és a kisebb hibákat is gyorsan kijavítottam, amiket a tesztelők észleltek, így mostmár örömmel jelenthetem ki, hogy a Bodai Csoda új és friss webshopja elindult!
Újra elérhető és használható rendelésre, vagy a termékek böngészésére! De persze, a bejegyzéseket se felejtsük el, hiszen érdemes a blogot is nyomon követni, hogy le ne maradjunk az újdonságokról és a szezonális termékekről!
Jó nézelődést kívánok!
A weboldald az alábbi linken érheted el: bodaicsoda.hu
