Webáruház a telefonos rendelés mellé

A Molnár Kolbászgyárnak volt weboldala, boltja viszont nem: rendelni telefonon lehetett, hétfőtől péntekig kilenc és tizennégy óra között. Webáruházat kértek a régi oldal alapján. Elkészült a bolt, hozzá az oldal képi világa és a keresőoptimalizálás.

0,8 mp megjelenés valós látogatóknál
100 / 100 keresőoptimalizálás
7 banner saját grafika a bolthoz

A munka

  1. 1 · Kiindulás

    Volt oldal, bolt nem volt

    Weboldaluk volt: bemutatkozás, hagyomány, termékek, elérhetőség. Kosár viszont nem volt rajta. Rendelni telefonon lehetett, hétfőtől péntekig kilenc és tizennégy óra között, vagy személyesen a telephelyen, öt kilós minimummal.

    Aki este vagy hétvégén talált rájuk, annak várnia kellett a következő munkanapig. Ezért kértek webáruházat: ugyanaz a kínálat, telefonálás nélkül.

    • Felmérés
    • Webshop készítés
    A Molnár Kolbászgyár régi bemutatkozó oldala: termékek felsorolása, alatta a telefonos rendelés időpontjai és az öt kilós minimum
    A kiindulás. Rendelni csak telefonon lehetett, munkaidőben.
  2. 2 · Az arculat

    Sötét alap, saját bannerek

    A boltnak sötét, majdnem fekete felületet adtunk, borvörös kiemelésekkel: a hús és a füst színvilága, nem a szokásos fehér termékrács. A betű végig Montserrat, a címsorok a legvastagabb vágásban.

    A nyitókép három bannert váltogat, mind a hármat mi terveztük: egy termék, egy rövid leírás és egy gomb. A bolt így már az első képernyőn megmondja, mit árul, és milyen az íze.

    • Arculattervezés
    • Banner-grafika
    A Molnár Kolbászgyár webáruházának nyitóképe: sötét háttéren szarvas kolbász, mellette rövid leírás és rendelés gomb
    A nyitókép. Három banner váltakozik, mindegyiken egy termék.
  3. 3 · A menü

    Két szó a fejlécben

    A fejlécben mindössze két menüpont áll, Termékek és Kapcsolat, mellettük a keresés, a profil és a kosár. Ennyi. Kolbászt nem menüsorban keresnek az emberek, hanem képen, tehát a menü nem versenyez a termékkel.

    A Termékek mögött viszont ott a teljes kínálat: balra a kategórialista, jobbra ugyanazok kivágott termékfotóval, fehér alapon. Két koppintás, és bárhol ott vagy.

    • Egyedi design
    • Navigáció
    A Molnár Kolbászgyár webáruházának lenyitott menüje: balra a kategórialista, jobbra a füstölt kolbász, nyers kolbász, nyers marhahús és szalonna kivágott fotóval
    A lenyitott menü. Öt kategória, mind a négy termékcsoport saját fotóval.
  4. 4 · A kategóriák

    Kép és szöveg, felváltva

    A nyitólapon a kategóriák sakktáblaszerűen váltakoznak: fotó, szöveg, fotó, szöveg. Három saját banner-grafika viszi őket, a füstölt kolbász, a nyers kolbász és a szalonna.

    A cél az volt, hogy görgetés közben ne kelljen olvasni. A képről is eldönthető, melyik érdekel, a gomb pedig mindegyiken ugyanaz a szó, hogy ne kelljen újratanulni.

    • Grafikai munka
    • Felépítés
    A Molnár Kolbászgyár nyitólapjának kategóriacsempéi: füstölt kolbász, nyers kolbász és szalonna, felváltva fotóval és szöveggel
    A kategóriacsempék. Mind a három grafika ehhez a bolthoz készült.
  5. 5 · A bolt

    Kosár a telefon mellé

    A webáruház UNAS alapon fut, tehát a kosár, a szállítás és a fizetés a platform bevált része. A megjelenés és a felépítés viszont a mienk, a nyitóképtől a terméklista gombjaiig.

    A terméksor mutatja a készletet és az árat, kosárgomb pedig minden kártyán van. A telefonszám nem tűnt el az oldalról, csak már nem az egyetlen út a rendelésig.

    • UNAS webáruház
    • Termékfeltöltés
    A Molnár Kolbászgyár webáruházának terméksora: kolbászok fotóval, készletjelzéssel, árral és kosárgombbal
    A terméksor. Készlet, ár és kosárgomb minden kártyán.
  6. 6 · Mérés

    A valós látogatók adata is átment

    A mérést nem mi végeztük, a Google PageSpeed Insights jelentését hívtuk le. A valós látogatók huszonnyolc napnyi adata szerint mind a három alapmutató megfelelt: megjelenés 0,8 másodperc, válaszkészség 95 ezredmásodperc, elrendezés-elmozdulás nulla.

    Ugyanennek a jelentésnek a labor oldalán a keresőoptimalizálás 100 a 100-ból, a kisegítő lehetőségek 97, a bevált módszerek 96.

    • PageSpeed Insights
    • Keresőoptimalizálás
    • Technikai SEO
    A PageSpeed Insights jelentés valós felhasználói adatai a molnar-kolbaszgyar.hu oldalra: az alapvető webes vitals-mutatók értékelése sikeres, LCP 0,8 másodperc, INP 95 ezredmásodperc, CLS 0
    Valós látogatók, 28 nap. Mind a három alapmutató megfelelt.
    Ugyanannak a PageSpeed Insights jelentésnek a laborméréses fele: kisegítő lehetőségek 97, bevált módszerek 96, keresőoptimalizálás 100
    Ugyanaz a jelentés, labormérés. Keresőoptimalizálás: 100 a 100-ból.

Szolgáltatások

  • Webshop készítés
  • UNAS webáruház
  • Arculattervezés
  • Egyedi design
  • Banner-grafika
  • Keresőoptimalizálás

Ha a rendelés még mindig telefonon megy

Sok kis gyártónál a kínálat rendben van, csak nincs hol megrendelni. Megnézzük, nálatok mibe kerülne egy bolt, mi az, ami a meglévő oldalról átvihető, és mi az, amit érdemes újratervezni.