Weboldal megújítás – kyndraparty.hu

Weboldal megújítás - kyndraparty.hu 1

Projekt:
Ügyfél: KyndraPizsiparty
Dizájn: Meglévő oldal újraépítése
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél
Kivitelezési idő: 5 munkanap

Weboldal megújítás

Ajánlás útján keresett meg Hédi egy ötletével, ami szerint szeretné megújítani a weboldalát. A weboldal nagyjából készen volt, megvolt a szöveg, volt fotózás is – szerencsére, így nem kellett egyetlen egy stock fotót sem használni. Valahogy megérzi az egyszeri és a gyakorlott látogató is, ha valahol stock fotó van használva.

A fő feladat tehát a weboldal/webshop újraépítése és gyorsítása volt.

Mivel az oldalon már Elementor futott, így ezt meghagytok – később az ügyfél könnyebben tudja módosítani, csupán a wordpress témát cseréltük le egy gyorsabbra, és az összes oldalt, fejlécet és láblécet újrarajzoltuk. A weboldal gyorsítását addig húztuk, ameddig a kiszolgáló tárhely engedte – most épp új tárhely regisztráció van folyamatban, mert a mostani többet nem enged már. Ennek ellenére sokkal jobb eredményt értünk a gtmetrix alapján annak ellenére, hogy jóval több fotót használtunk a főoldalon.

weboldal megújítása előtte utána

Weboldal design megújítása?

Milyen legyen az új weboldal design-ja? A régi főoldal eléggé szögletes volt, ridegebb színeket használt, a jókedv és a pozitív érzelmek kevésbé voltak érzékelhetőek (lásd kép lent). Éppen ezért vittük el a lekerekített irányba az új designt és a nyitókép sötét borús háttérképét egy vidámabb színű élénk, mosolygós hangulatképre cseréltük. Apró módosításokkal és szöveg megtörésekkel is nagyszerű eredményt lehet elérni, akár ha csak pl ezt a rövid részletet nézzük a weboldalon:

Weboldal megújítás - kyndraparty.hu 2

A megújult weboldalt itt találod meg: kyndraparty.hu

Felhasznált technikai megoldások:

✓ Weboldal módosítása/újraépítése grafikai látványterv alapján
✓ Facebook Pixel, Google Analytics, Search Console implementálás
✓ SEO keresőoptimalizálás beállítása
✓ Hírlevél integrálás, konverziónövelő eszközök, egyéb turpiságok
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata

Előtte / utána képernyőkép
Weboldal megújítás - kyndraparty.hu 3

Kerítés webshop – Kerítésland

kerítés webshop kerítésland

Projekt:
Ügyfél: Keritesland.hu webshop – A Faberland csoport tagja
Dizájn: Ügyfél saját grafikusa
Fejlesztés: otletiroda.hu
Szövegírás: Ügyfél
Kivitelezési idő: 12 munkanap

Webshop újraépítés

A faberland csoporttal 2019 óta dolgozunk együtt. Az elmúlt években folyamatosan újultak meg a weboldalaik ( faberland.hu , grassland.hu , jatszoterland.hu ). A 2021-es évre a keritesland.hu webshopjuk is megújuláson esett át.

56 termék több, mint 150 termékvariánssal került feltöltésre a webshopba, valamint készült egy egyedi kerítés kalkulátor is, amivel előkalkulációt tudnak végezni akár az ügyfelek akár az Kerítésland dolgozói is egy-egy projekt kapcsán.

Számomra nagyon izgalmas volt ezekkel az élénk színekkel dolgozni, és a főoldalra megálmodott szürke onhover maszk is igazán egyedivé teszi a megjelenést.

Kerítés webshop - Kerítésland 4

A közös munka végeredménye egy letisztult, egyszerű és lényegretörő webshop, amit minden látogató asztali gépről és mobilról is könnyen tud kezelni. keritesland.hu

Felhasznált technikai megoldások:

✓ Weboldal módosítása/újraépítése grafikai látványterv alapján
✓ Kerítés kalkulátor elkészítése
✓ Hírlevél rendszer beállítása [ Mailerlite ]
✓ Facebook Pixel, Google Ads, Google Analytics, Search Console implementálás
✓ SEO keresőoptimalizálás beállítása
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata
✓ Szupergyors VPS tárhely [ Cloudways ]

Képek a weboldalról
keritesland-fooldal-screen

Mindenmentes webshop – Zelenák Sütiház

zelenaksutihaz-webshop-keszites

Projekt:
Ügyfél: Zelenák Sütiház – mindenmentes cukrászda
Dizájn: Ötletiroda
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél előző oldalából újraírva közösen
Kivitelezési idő: 15 munkanap

Cukrászda webshop újraépítés

A cukrászdáknak is szükségük volt egy nagyobb online fejlesztésre a Covid végett, és ebben kizárólag Netpincérre vagy Wolt-ra támaszkodni nagyobb fokú kitettség lenne. Egy ismerősöm ajánlására kerestek meg a Zelenák sütiháztól, akik egy régebbi webshopot szerettek volna megújítani.

Az előző oldal is sok jó megoldást tartalmazott, de az egész rendszer a kelleténél több egyedi fejlesztést tartalmazott, és a php 5.6-os rendszerről nem volt képes megugrani a minimálisan elvárt 7.2-re összeomlás nélkül. A főbb összetevők (WordPress, Woocommerce, SimlePay, WPBakery) mind-mind nagyon régi verzióval futottak. Egyszerűbb volt a régi oldal mellett egy teljesen új webshopot létrehozni, így kezdtük meg a közös munkát – megtartva a már régről ismert narancssárga Zelenák Sütiház logót.

mindenmentes-torta-zelenak

Termék szűrés

A Zelenák Sütiháznál alapelv, hogy egy mindenmentes desszert is lehet ugyan olyan finom, mint bármelyik más édesség. Mivel nagyon jó fotóik vannak az elkészült tortákról és süteményekről, bátran mutattuk meg ezeket már a főoldalon. A termékek oldalnál egy speciális szűrővel tudnak a látogatók “mentes” opciókra szűrni, de minden termék kapott piktogramokat is a termékek közös oldalán és az adatlapon is, így ha az egeret az ikonok fölé húzzuk, látható mit nem tartalmaz az adott termék.

cukrászda piktogram szűrés mentes

Automatikus termék értékelés

Egy korábbi bejegyzésembe hosszasan mutattam be, mennyire előnyös, ha vannak (csillagos) visszajelzések a weboldalon. Ebben a webshopban is bevezetésre került ez a rendszer. Ezeket az értékeléseket a Google szinte azonnal olvassa és feltünteti a találatok oldalon. Ez fontos mivel a keresőből nagyobb valószínűséggel kattintanak olyan találatra ahol látható 5 csillag (lásd kép):

Mindenmentes webshop - Zelenák Sütiház 5

A karácsonyi időszakban nagyon jól teljesítettek a mindenmentes bejgli szeletek, az elvárt célszámokat meghaladva több bejgli rendelést kapott a cukrászda és idő előtt kellett lezárni az előrendelési lehetőséget. Rengeteg találat érkezett a Google keresésekből, így az új oldal jól vizsgázott SEO szempontból. A kész oldalt itt lehet megtekinteni: zelenaksutihaz.hu

Felhasznált technikai megoldások:

✓ Webshop módosítása/újraépítése grafikai látványterv alapján
✓ Desszert szűrés
✓ Mentes piktogramok feltüntetése termékenként
✓ Termék vélemény visszajelző automatika + csillagok megjelenítése Google keresésben
✓ Hírlevél rendszer beállítása [ Mailerlite ]
✓ Facebook Pixel, Google Analytics, Search Console implementálás
✓ SEO keresőoptimalizálás
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata
✓ Szupergyors VPS tárhely [ Cloudways ]

Grassland – Műfű webshop átalakítás

grassland-mufu-Fooldal

Projekt:
Ügyfél: Grassland – Belga műfű webáruház
Dizájn: Régi oldal felfrissítése, kisebb grafikai módosítások
Fejlesztés: otletiroda.hu
Szövegírás: Ügyfél
Kivitelezési idő: 2 hét (kettő ütemben)

Webshop SEO

A Grassland a Faberland cégcsoport egyik oldala, ahol igényes Belga műfüvet árulnak.
A webshop már működött WordPress+Woocommerce alapokon, de további fejlesztést igényelt a még jobb konverzió érdekében mind a főoldal mind a termékoldalak. A fő probléma főként a SEO beállításokkal volt, mivel a termékoldal szöveges leírás helyett csak képeket tartalmazott, és még a tavasz elején – a szezon előtt – szerettünk volna jó SEO eredményeket elérni, hogy a potenciális vásárlók a Grassland-en találjanak meg minden műfű kérdésre választ : )

Éppen ezért megtartottuk a régi bevált URL-eket és a tartalmaikat felfrissítettük szövegesen. A termékek saját hosszabb leírást és bemutató fotókat kaptak. Ezután saját cikkeket kezdett az ügyfél írni, és létrehoztunk egy Gyakori kérdések oldalt is, ahol azokra a kérdésekre adtunk rövid válaszokat, amelyek gyakran felmerülnek az érdeklődőknél. Ennél a GYIK tartalomnál a Google FAQ Schema Block irányelvét is használtuk, így az érdeklődő már a Google keresési találatok közt megtalálja a választ nálunk és a hasonló kérdésekből is egyből okosodhat. Próbáld ki Te is pl.: “műfű rétegrend” vagy “műfű vakondháló” kifejezésekkel.

Így néz ki egy ilyen Google találat, ahol egyből a kérdésre a választ mutatja meg:

mufu-faq-scheme-google-találat

Webshop konverzió

A kosárba helyezés metodikája is egyértelműbbé vált, és további bizalomépítő elemeket helyeztem el az webshop termék oldalán. Így született meg a Grassland, ami szupergyors VPS tárhelyen szolgálja ki a látogatókat.

Előtte / utána termékoldal összehasonlítás:

elotte-utana-termekoldal

Webshop gyorsítás

A meglévő webshopot gyorsítani is kellett, így a tárhelyen apróbb módosításokra került sor, optimalizáltam a kódokat, plugineket és a képeket is. ennek eredményeképp a 6Mb-os főoldal 2,3 másodperc helyett csak 2Mb lett és 1,7 másodperc alatt töltődött be – mert fél másodperc is számít a konverzióban!

gtmetrix-sebesseg webshop átalakítás készítés

Az első módosítási kőr után a főoldal kapott egy teljes megújulást, amit a Grassland saját grafikusa rajzolt újra, és a további oldalakon is elvégeztünk kisebb módosításokat.

Az elkészült weboldalt ezen a linken tudod megnézni: grassland.hu

Felhasznált technikai megoldások:

✓ Weboldal módosítása grafikai látványterv alapján [ Elementor ]
✓ Hírlevél rendszer beállítása [ Mailerlite ]
✓ Facebook Pixel, Google Ads
✓ Google Analytics, Search Console regisztráció
✓ Alap SEO keresőoptimalizálás beállítása
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata
✓ Szupergyors VPS tárhely [ Cloudways ]

Képek a weboldalról
grassland-mufu-fooldal-elrendezes

Webshop építés nulláról – CBD Hungary

webshop építés készítés cbd wordpress Pintér Márton Hungary

Projekt:
Dizájn: Előzetes skiccek után otletiroda.hu
Fejlesztés: otletiroda.hu
Szövegírás: Ügyféllel közösen
Kivitelezési idő: 8 nap

Marci (Pintér Márton, CBD Hungary tulajdonosa) weboldalamon keresztül keresett meg ötletével.

Sajnos évek óta autoimmun betegségben szenved, és a betegségének tüneteinek kezelésére a CBD olaj felhasználása adott neki megoldást. Bár a CBD Olaj Magyarországon legálisan szedhető, és a MOKE (Magyar Orvosi Kannabisz Egyesület) szigorú feltételek alapján támogat és utasít el egy-egy készítményt, mégis több évbe került Marcinak, mire megtalálta a megfelelő minőségű és hatású CBD olaj terméket.

A kutatás közben egyre jobban beleásta magát a témába, és több évnyi fórumozás közben elismertséget vívott ki önzetlenségével és alapos tudásával. 2019-ben úgy döntött, hogy a bevált CBD készítményeket forgalmazni kezdi Magyarországon, így nem kell mindenkinek angolul levelezni a külföldi gyártóval és várnia több hetet vagy hónapot. Ebben a törekvésében szakmai oldalról egy toxikológus és farmakológus végzettségű szakember is támogatja.

Webshop építés

Nagyon megkedveltem Marcit, aki felkészülten érkezett a találkozóinkra, és sok időt fordított a WordPress oldalak kezelésének tanulmányozására, és a webshop működésére is. Ötletei és kérdései voltak, és az elképzeléséhez csak addig ragaszkodott, amíg ki nem találtunk közösen egy még jobb megoldást.

A webshop építése közben rengeteg energiát fektetett a termékek engedélyezésének folyamatába (tanusítványok és notifikációs számok), így 2019 Augusztusában sikeresen elindult az oldal.

Grafika
Marci profi hozzáállásához mérten egy általa felkért grafikustól kaptam egy főoldali és aloldali vázlatot is, valamint színkódokat és logót. Volt néhány fotója egy korábbi fotózásból, így ezt is remekül tudtuk használni. Ezekből az anyagokból kezdtem el elkészíteni az oldalt.

Kiinduló grafikai látványtervWebshop építés nulláról - CBD Hungary 6

Tartalom
Miután átbeszéltük a webshop célját és a termékek előnyeit, Marci rengeteget dolgozott a termékek szövegein, és szuper fotókat kért be a gyártóktól. Ez az építő hozzáállása nagyon sokat segített a termékleírások kialakításában, mert így egy “szokványos” termékoldalhoz képest egy nagyszerű sales oldalt tudtam építeni.

Kifejezetten aktív az oldal a blogcikkek írásában, hétről hétre kerül fel új tartalom az oldalra, így a keresőoptimalizálási tanácsadásom után gyakorlatilag házon belül elkészülnek a tartalmak, és nagyszerű eredményeket érnek el hónapról hónapra.

Az elkészült webshopot ezen a linken tudod megnézni: cbdhungary.hu

Webshop építés nulláról - CBD Hungary 7

Termékleírások turbózása előtte / utána

Felhasznált technikai megoldások:

✓ Webshop felépítése 0-ról
✓ Email automatika kialakítása [ Mailerlite ]
✓ Google ads és Facebook Pixel, remarketing előkészítése FB hirdetésekhez
✓ SEO Keresőoptimalizálás alapok
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata
✓ Webshop funkció
✓ Webshop termékfotók módosítása és optimalizálása, megfelelő méretre vágása
✓ Bankkártya elfogadó hely telepítés
✓ Automatikus számlázás Billingo rendszerrel
✓ Webshippy összekötés
✓ Különleges termékleírás kialakítás a hagyományos „termékkép + termékleírás 5 sorban”-hoz képest

Főoldal képernyőfotó
pinter-marton-cbd-hungary-webshop-magyarorszag1

Divi webshop átalakítás, frissítés – Kontrolldiéta

Kontrolldiéta főoldal Turú Balázs Divi Elementor váltás webshop csere

Projekt:
Ügyfél: Turú Balázs táplálkozási tanácsadó, sikeres személyes tréner a fogyni vágyók számára – ráadásul éhezésmentesen!
Dizájn: otletiroda.hu
Fejlesztés: otletiroda.hu
Szövegírás: Korábbi weboldal tartalmát tovább írtuk
Kivitelezési idő: 12 nap

Ebben a bejegyzésben egy meglévő Divi wordpress oldal átalakításának főbb lépéseit találod meg. Balázst 7-8 éve ismertem meg (Turú Balázs, Kontrolldiéta éhezésmentes diéta alapítója), amikor edzőterembe kezdtem el járni Kiskőrösön. Elsőre szimpatikus és barátságos volt, profi volt a terem vezetésében és az edzésekben is, emberi kapcsolatokban – de akkor még egyikünk sem gondolta, hogy sok évvel később újra közösen fogunk együtt dolgozni.

Vállalkozás témája, profilja

Balázs a személyi edzések során felismerte, hogy míg a testépítők és hétköznapi izmot építők nagy figyelmet fordítanak a hosszú távon is tartható táplálkozásra, addig a fogyni vágyó klienseik maximum 1-3 hétig tartható étrendet követtek az edzések mellett, így hosszú távon újra vissza eshetnek abba hétköznapi mókuskerékbe, ami hónapok/évek alatt a felesleges súlytöbbletet okozta, yo-yo effektus van. Ennek a problémának a megoldására keresett válasz közben alakult ki a Kontrolldiéta.

Divi weboldal átalakítás

Miután a módszer kiforrta magát, weboldalra volt szükség, ami el is készült Balázs számára még 2017 év végén. WordPress alapon Divi témára épülő webshopon kezdte el az értékesítést, ami az elején jól ment, de a kezdeti lelkesedés után a konverzió és a webhelyen történő vásárlás stagnálni kezdett, miközben a Facebook oldal követői és bejegyzései elérési számai folyamatos növekedést mutattak. Így kerültünk kapcsolatba Balázzsal.

Webshop gyorsítás, biztonság

A teljesség igénye nélkül számos beállítás módosítására volt szükség, hogy biztonságosabb és gyorsabb legyen a weboldal. Többek között a tárhelyen bekapcsoltam a gzip tömörítést, upgradeltem a PHP verziót 5.6-ról 7.3-ra, beállítottam a Favicion-t, ami a mobil és asztali Google kereséseknél is látható már. Megadtam a meta adatokat minden oldalhoz és számos olyan SEO beállítást is elvégeztem, ami alapján jobb besorolást kapott egy-egy oldal sebességben és olvashatóságban is.
Webshopként még a pénztár oldalon is látható volt az oldalsáv, ami konverzió csökkentő tényező, és nem volt “dupla pipa” a vásárláskor (külön kell fogadni az ÁSZFet és az adatvédelmet is).
Ezen kívül beállítottam a tárhelyen a napi biztonsági mentést, mert nem készült az oldalról semmilyen mentés sem. Biztonsági bővítmény is telepítésre került, ami többek között blokkolja az “admin”-ként történő bejelentkezési próbálkozást, és maximum 3 rossz próbálkozást enged – így a túlterheléses támadások lehetősége is csökkent.

Ezeket a beállításokat szükséges volt nagyon gyorsan elvégezni, már jelentősen javult az oldal teljesítménye arra a 2-3 hétre is, amíg az új weboldal elkészül. Valamint a kész oldalt már egy szupergyors felhő alapú VPS-re vittük [ Cloudways ], így ott már nem kellett ezekkel a beállításokkal bajlódni. Gyorsabb weboldal, jobb felhasználói élmény, jobb Google keresési találati eredmény.
Azonban ennél még jobb eredményt szerettünk volna, ezért Divi-ről Elementorra váltottunk, és a háttérben elkezdtem felépíteni az oldalt újra a nulláról.

Gmetrix értékek – Előtte / Gyors javítás után

E-mail automatika
Szerencsére volt már integrálva hírlevél rendszer, ami gyűjtötte a feliratkozókat egy Lead magnettel. Probléma volt azonban, hogy ezek az e-mail címek csak begyűjtésre kerültek double optin módon, de semmilyen hírlevél automatika és egyszeri levél sem ment ki, így itt is találtam javítandó feladatokat, hogy még jobb konverzióval működjön ez az oldal is, sőt! Új Lead-megnetet is kitaláltunk menet közben, hogy segíteni tudjuk a fogyni vágyók életét, és értéket adjunk számukra.
Az új megoldással mérhetően többen adják meg az e-mail címüket és kérik az ingyenes értesítéseket – számokban ez 300-600% növekedés havonta. Az e-mail automatikát is felépítettem – főként edukációs jelleggel, így havonta több ezer embernek segítünk az egészséges és helyes táplálkozással – ami csodaszer nélkül mégis súlyvesztéssel jár.

Hogyan nézzen ki az új oldal?
Rengeteg magyar és külföldi oldalt néztem át, mert ők már bizonyára látják, milyen oldalszerkezet működik jól. Ezt a mini piackutatást ötvöztem a webshop termékleírási tapasztalatommal, így került kialakításra a főoldal, a termékek leírása és a pénztár oldal is.
A cél a konverzió növelése volt, ennek rendeltünk alá mindent – ami 2019-ben teljes mértékben elvárható.

Számos biztonsági és egyéb SEO-s beállítást/megoldást nem írok le az ügyfél érdekében – alapvetően minden iparágból csak 1 ügyféllel dolgozom, nem célom az ügyfeleim konkurenciáját is építeni.

Eredmény, profit, megtérülés, webshop

Minden befektetést megtérülő profitnak kell követni. Ebben az esetben (is) így történt, megérte a sok fáradtságos munka.
Április elején éles környezetbe helyeztem az új weboldalt, és az átadást követően az addigi legnagyobb rekord eladást produkálta – a következő hónapban pedig az előző rekord hónapot megduplázta.
A weboldal azóta még jobban teljesít a bemutatott lenti ábrához képest is.

Automatizálás – több bevétel, kevesebb munka
Cél volt, hogy amit tudunk azt automatizáljunk, mivel Balázs ideje véges. Éppen ezért automatizáltuk azoknak a termékeknek az értékesítését, amelyek nem járnak Balázs személyes/online tanácsadásával együtt, így 3-500% növekedés mellett minimálisan több emberi ráfordítást igényelt csak az oldal forgalomnövekedése. A Bankkártyás fizetési opciót követően azonban már csökkent az adminisztratív idő a rendelések kezeléséhez, miközben egyre több és több vásárlónk volt.

Kosárelhagyás, nem fizető megrendelések
A webshop újraépítése során kiemelten figyeltem arra, hogy minimalizáljuk a kosárelhagyások számát, és a már megrendelt termékek ki nem fizetését. Ezeknek az aprólékos beállításoknak köszönhetően egy felfelé ívelő, dinamikusan növekvő és biztonságos webshopot tudtam átadni Balázsnak.

kontrolldieta-weboldal-webshop-woocommerce-eladasok-statisztika-nyil

Felhasznált technikai megoldások:

✓ WordPress weboldal átalakítás & gyorsítás
✓ Szupergyors VPS tárhely költöztetés [ Cloudways ]
✓ Divi-ről Elementorra váltás
✓ WooCommerce shop optimalizálása
✓ Email automatika kialakítása [ Mailerlite ]
✓ Facebook Pixel, remarketing előkészítése FB hirdetésekhez
✓ SEO Keresőoptimalizálás onsite elemeinek rendbetétele
✓ Exit Popup, Leadmagnet építés tovább csiszolása
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata
✓ Webshop termékfotók módosítása és optimalizálása, megfelelő méretre vágása
✓ Bankkártya elfogadó hely regisztráció
✓ Automatikus számlázás Billingo rendszerrel
✓ Különleges termékleírás kialakítás a hagyományos „termékkép + termékleírás 5 sorban”-hoz képest

A kész weboldal ezen a linken érhető el: kontrolldieta.hu

Előtte utána fotók

A lenti képgalériában megosztok néhány előtte utána fotót.

Főoldal előtte/utána

Kontrolldiéta wordpress Divi elementor weboldal átalakítás

Lead magnet oldal előtte/utána

elotte-utana-leadmagnet

Woocommerce termékoldal előtte/utána

elotte-utana-termek-elotte-utana

Pénztár oldal előtte/utána

elotte-utana-woocommerce

CD értékesítés webshopon keresztül

Hanna projekt cd webshop weboldal keszites belehallgtás

Projekt:
Dizájn: otletiroda.hu
Fejlesztés: otletiroda.hu
Szövegírás: otletiroda.hu
Kivitelezési idő: 3 nap

Hanna húgomnak készítettem ezt az oldalt 2018-ban második CD-jnek megjelenése alkalmából.

Az egész oldal nulláról indult, nem volt sem grafikai sem más egyéb elképzelés. A logó is ekkor készült – ami szerintem szuper lett! Ennek alapján a weboldal színvilágát a CD grafikája köré építettem.

hanna projekt multikolor cd

A CD értékesítéséhez Woocommerce webshop rendszert találtunk ki. Mivel minden webshop eléggé egyszerűen “kép+ 5 sor szöveg” alapján van felépítve, csavartunk egyet a dolgon, és a leírás részre tettünk belehallgatható részt, Spotify és iTunes linket.

A lemez még nem készült el, így digitálisan készítettem egy 3D-s mockup képet, mert a vásárlók szeretik látni, hogy mit kapnak kézhez.

A korábbi CD lemezei már elfogytak, így az első albumát feltettük digitálisan letölthető formátumban, amit fizetés után megkap automatikusan a vásárló. A webshop a szamlazz.hu oldallal lett összekötve, ami automatikusan elkészíti és kiküldi a számlát fizetés után.

Extra ötlet volt, hogy a letöltés oldalon ne csak a dalok kottái legyenek elérhetőek, hanem vetíthető formátumban is meglegyenek a fájlok. Egyre több helyen használnak ProPresenter-t a vetítéshez egy dicsőítő koncert alatt, így ebben a formátumban kerültek fel a dalszövegek szépen tördelve.

Nagyon szerettem ezekkel a színekkel dolgozni, és közben Hanna dalait hallgatni : )

Az elkészült oldalt itt éred el: hannaprojekt.hu

CD értékesítés webshopon keresztül 8
Felhasznált technikai megoldások

✓ Új webdesign
✓ SEO Keresőoptimalizálás
✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ]
✓ Prémium biztonsági megoldások használata
✓ Webshop funkció
✓ 3D-s CD mockup készítése az új és régi lemezhez is
✓ Automatikus számlázás szamlazz.hu rendszerrel
✓ CD-számokba belehallgatási funkció
✓ Különleges termékleírás kialakítás a hagyományos „termékkép + termékleírás 5 sorban”-hoz képest

Főoldal képernyőmentése:
Hannaprojekt webshop építés portfólió wordpress weboldal

Porcicák – Demo Divi webshop építés

Porcicák-Divi-demo-webshop-keszítés

Projekt:
Ügyfél: Saját demo projekt
Dizájn: otletiroda.hu
Fejlesztés: otletiroda.hu
Szövegírás: otletiroda.hu
Kivitelezési idő: Több hét, próbálgatás, tesztelés

Divi WordPress webshop

Mindenkinek el kell kezdenie valahol a webshop építést – és a legjobb, ha ezt nem éles környezetben ügyfélnek készíti! Éppen ezért évekkel ezelőtt az egyik első saját Demo projektemet mutatom be röviden. Engem is elért a nagy Divi csábító marketingje, ezért ki szerettem volna próbálni, milyen ezzel az oldalépítővel dolgozni.

Webshop funkciók

Sok kísérletezés után végül megtaláltam minden fontos funkciót a szerkesztőben, és kialakítottam olyan megoldásokat, amelyeket elképzeltem egy éles webshopban is. Így minden termékoldalt jobban kidolgoztam termék előnyökkel, vásárlói visszajelzésekkel, több helyre beillesztettem a kosárba helyezés gombját. Különféle bizalomépítő elemeket is elhelyeztem, valamint a ha az adott termék minimum készlet alá csökken, akkor azt kijelzi a termékoldalon – ez egyfajta sürgetői hatással van a vásárlóra.
Pénztár oldalon is láthatóvá tettem a termékképeket, ami alap esetben nem bekapcsolható a Woocommerce-ben.

Összegzés

Izgalmas felfedező kirándulás volt ez a projekt, de a munka és a kész weboldal is lassú volt . Számomra instabil volt a Divi3 verziója, azóta a Divi 4-es verziója már stabilabb de ezt nem vártam meg. Néhány eszközt nehezebb rajta használni, egész egyszerűen nem áll kézre a sok beállítási funkció a webshop építése közben. Sok funkciót még külön bővítménnyel lehetett csak betenni (pl fejléc és lábléc szerkesztése). Gyönyörűnek szép, de nem győzött meg, de erről egy másik cikkemben írok, miért váltottam Divi-ről Elementorra.

Az elkészült demo Divi webshopot ezen a linken tudod megnézni: porcicak.hu

Képek a weboldalról
porcicak-hu-Divi-demo-webshop-weboldal
porcicak-hu-termek-fank-felfujhato-matrac
porcicak-hu-termek-unikornis-felfujhato-matrac
Otletiroda_logo_fekete
Inspirációt keresel?

Kövess minket Facebook-on vagy iratkozz fel hírlevelünkre és minden érdekes és motiváló cikkről elsőként fogsz értesülni!

Csak egy kattintás:

Hírlevél feliratkozás [HU] lábléc