Projekt: Ügyfél: Grassland – Belga műfű webáruház Dizájn: Ügyfél saját grafikusa Fejlesztés: otletiroda.hu Szövegírás: Ügyfél Kivitelezési idő: 9 munkanap
Weboldal újraépítése
Minden vállalkozó örül, ha új webshopja/weboldala lesz, és ezért sokat áldoz anyagilag is. Miért van az, ha ezt a befektetését leradírozza, és egy másik oldalt szeretne? Mert változik a piac, és még jobbat szeretne. A bátrabbak már a főszezon végén kiértékelik a tapasztalataikat és ennek megfelelően szinte azonnal cselekednek is.
Így történt ez a Grassland műfű weboldalával is. A kora tavaszi weboldal frissítés (erről ebben a bejegyzésben olvashatsz) jól sikerült és jó eredményeket hozott, azonban a tavaszi/nyári szezon utáni kiértékelés végeredményeképp új látványvilágot álmodtak meg a műfüvek megálmodására. Személy szerint nagyon élveztem az újfajta kihívásokat a látványtervből fakadóan, itt is elég sok egyedi CSS kódot kellett használni, hogy minden elem a megfelelő helyre kerüljön.
Természetesen a régi bevált URL-eket megtartottuk, mivel csak grafikai változások történtek, a tartalom csak részben került felfrissítésre. A GYIK tartalomnál a Google FAQ Schema Block irányelvét használtuk továbbra is, í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, és szuper különleges Google találati listát fogsz kapni a Grassland-től!
Az elkészült weboldalt ezen a linken tudod megnézni: grassland.hu
Felhasznált technikai megoldások:
✓ Weboldal módosítása/újraépítése grafikai látványterv alapján ✓ 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 ]
Projekt: Ügyfél: Faberland: Játszótéri eszközök gyártásával és játszótér építéssel foglalkozó magyar vállalkozás Dizájn: Ügyfél saját grafikusa Fejlesztés: otletiroda.hu Szövegírás: Ügyfél Kivitelezési idő: 3,5 hét
A Faberland már 2010 óta gyárt jobbnál tökéletesebb játszótereket és játszótéri eszközöket (kicsiknek és felnőtteknek vagy akár mozgáskorlátozottak számára), de ezt a kiválóságot már nem tudta megmutatni a régi egyedi fejlesztésű weboldalukat – valamint nehezebb volt a kategóriák bővítése, új oldalak készítése, Facebook Pixel beillesztés, SSL hitelestés sem volt, stb… Márpedig a tulajdonos eltökélt célja az volt, hogy sok fontos kifejezésre első legyen az oldal és könnyen megtalálhatóak legyenek a termékek, így váltani kellett megfelelve a 2020-as elvárásoknak.
A régi oldal összesen 25 oldalt tartalmazott, itt volt megtalálható sok termék – egy részüket már nem is gyártották, valamint sok új játszótéri terméket találtak ki azóta amit nem tudtak kellően informatívan és szépen megmutatni. Stratégiai tervezésbe kezdtünk, és végül minden terméknek saját oldalt adtunk, így bő 200 oldalra lett szükségünk katalógus szerűen a B2G piac elvárásainak megfelelően. Mivel a termékek rendkívül élénkek a jó 3D rendernek köszönhetően, ezért fehér és tört fehér hátteret kaptak – vibrálnak a képek az oldalon!
Megtartottuk a régi bevált URL-eket és a tartalmaikat felfrissítettük. A termékek saját leírást kaptak, a termékkategóriák is bővítésre kerültek. Így született meg a Faberland új weboldala, amit szupergyors VPS tárhelyre tettünk.
A weboldal célközönsége egyébként elég szűk, mivel elsősorban B2G a fő vásárló erő (önkormányzatok, óvodák, bölcsödék, iskolák), és csak másodsorban B2B. A termékelírásoknál és egy-egy építési folyamatábra bemutatása szerintem jól sikerült, megkönnyíti az ilyen jellegű projektek előzetes tájékozódását a leendő megrendelőknek.
Erre a munkára kifejezetten büszkék vagyunk, mert sok minden segítette az oldal sikerét. Egyrészt az ügyfél kiválóságra törekvése termékeiben és szolgáltatásában, másrészt a saját grafikusuk a megbeszéléseink után szép oldalt álmodott meg. A jól megírt szövegezés során folyamatosan láthatóak a Google-helyezés előrelépések, valamint ezt támogatva egy SEO partner folyamatosan építi a linkeket az oldalra. Saját cikkek is születnek folyamatosan, mert ahogy a közmondás is tartja; tartalom-tartalom-tartalom : )
Mivel 200 oldalról van szó sokféle egyedi grafikai megoldással, úgy kellett kialakítani az oldalt, hogy néhány perc alatt bármelyik gomb típust, betűtípust vagy grafikai elemet globálisan tudjunk változtatni, ne kelljen egesével végigmenni 50-100 oldalon egyesével (sok weboldal készítő még így dolgozik). Közel ezer CSS formázási sor azonban ezen is segített, így az oldal gyors maradt és bármelyik eleme gyorsan alakítható.
A weboldal főoldala a slideshow által behívott extra scriptek ellenére 2,7 másodperc alatt teljesen betölt, de az első képernyőkép már 1 másodperc alatt látható. Egy gyors és szép weboldal pedig mindig jó benyomást kelt az érdeklődőre.
Az elkészült weboldalt ezen a linken tudod megnézni: faberland.hu
Felhasznált technikai megoldások:
✓ Weboldal megépítése grafikai látványterv alapján [ Elementor ] ✓ Hírlevél rendszer beállítása az érdeklődőknek (pl.: pályázat figyelés) [ 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 ]
Projekt: Dizájn: otletiroda.hu Fejlesztés: otletiroda.hu Szövegírás: Ügyféllel közösen több ütemben Kivitelezési idő: 6 nap
Vállalkozói Facebook csoportban találkoztam Dóri weboldallal kapcsolatos kérdésével. Szimpatikus volt a téma – és mivel szeretek újabb iparát megismerni, szívesen beszélgettem vele a felmerülő webes kérdésekben. Végül úgy alakult, hogy a beszélgetés hatására sikeresen dolgozhattunk együtt az új oldalán.
A konzultációk során folyamatosan beszéltük át, milyen lehetőségeket rejt a piackutatás a KKV szektornak, és milyen problémákra ad megoldást. Dórinak évtizedes tapasztalta van piackutatás területén, amelyet nagy nemzetközi cégek együttműködése során szerzett meg. A szakmai tartalom rendelkezésre állt, és a tartalmak is nagy lendülettel készültek.
Weboldal grafika
Ebben az esetben nem állt rendelkezésre webdesign, de egy logót már éppen készítettek Dórinak, így ez támpontot adott az oldal stílusához. Sokszög, éles vonalak, kék dominancia némi zöld játékossággal, de mégis maradjon komoly.
Ezt a logót kaptam meg kiindulásképpen:
Az elkészült weboldalt ezen a linken tudod megnézni: kkvpiackutatas.hu
Felhasznált technikai megoldások:
✓ Weboldal megépítése + grafikai tervezés ✓ Facebook Pixel, remarketing előkészítése FB hirdetésekhez ✓ Google Analytics, Search Console regisztráció ✓ Alap SEO keresőoptimalizálás beállítása + tanácsadás ✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ] ✓ Prémium biztonsági megoldások használata
Projekt: Ügyfél: Wingmix nyomdai szolgáltató Budapesten Dizájn: otletiroda.hu Fejlesztés: otletiroda.hu Szövegírás: Underground marketingügynökség – Hargittai Eleonóra Kivitelezési idő: 5 nap
Egy budapesti nyomdának – Wingmix – volt szüksége egy új weboldalra, mivel a régi egyedi fejlesztésű oldallal nehezebb volt létezni 2020-ban. A projekttel az Underground marketingügynökséget keresték meg, én pedig a weboldal kivitelezésnél segítettem az új oldal létrejöttét.
Weboldal grafika
Minden weboldalnál szeretek kitalálni valami egyedit, ami különlegesebbé teszi az oldalt, és még nem csináltam hasonlót. A Wingmix számára a gombok onhover animációját tettem egyedibbé. Metafórikus megoldás egy oldalról betöltődő “csík”, ahogy a nyomdában szélsebesen szalad a papír a nyomdák belsejében:
Hírlevél rendszer, lead magnet
Az új weboldal természetesen kapott egy hírlevél rendszert is, egy gyönyörűen elkészített útmutatót lehet letölteni nyomdai anyagok elkészítésével kapcsolatban. Erre a hírlevél automatikára több levél lett felfűzve. A szöveget a weboldalhoz hasonlóan itt is Hargittai Eleonóra írta az Underground marketingügynökség színeiben – nagy öröm volt velük együtt dolgozni.
Az elkészült weboldalt ezen a linken tudod megnézni: wingmix.hu
Felhasznált technikai megoldások:
✓ Weboldal megépítése + grafikai tervezés [ Elementor ] ✓ Lead magnet + Hírlevél rendszer automatika építés [ MailerLite ] ✓ 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
Projekt részletei: Ügyfél: Neverland Szabadulószoba és Bár, étterem – Budapest egyik legexklúzívabb étterme és szabadulószobája Dizájn: JS Design – Strausz Johanna Fejlesztés: otletiroda.hu Szövegírás: Kreatív Kontroll – Tabajdi Enikő
Ismerősön ajánlásán keresztül kaptam meghívást Budapest egyik legexkluzívabb bár & szabadulószobájába, meglévő weboldaluk átalakításáról beszéltünk. Még sosem jártam itt, de a belépéskor egyértelmű volt számomra, hogy nagyon fontos számukra a profi megjelenés, minőségi anyagok használata (Amit egyébként az új oldalon mindezt meg is lehet nézni egy 3D-s online bejárás keretein belül.) A tulajdonos – Jozep – nagyon barátságos és nyitott minden profi megoldásra, így elég hamar megtaláltuk a közös hangot.
A szabadulószobák piacán elég nagy verseny mondható – főleg Budapesten, így a weboldalra is ráfért egy frissítés, ami már sokkal inkább képes megújulni, új tartalmakat megmutatni és könnyebb finomhangolni SEO szempontjából is.
Weboldal grafika
Minden tulajdonosnak van elképzelése, mit szeretne látni a weboldalán. A Neverland esetében a nagyon impozáns belépő teret kellett lemintázni, amiben Johanna grafikus volt segítségünkre, mivel ők már más grafikai anyagokkal is együtt dolgoztak. Több körön egyeztettük a készülő látványtervet, majd minden oldalt a megrajzolt grafikai tervek alapján készítettem el.
Az összehasonlító képeken látható, hogy az előző oldalnál még a tartalom lapszéltől lapszélig terjedt, ami már a 15″ monitoron is nagyon furcsán hat az emberre, tolakodó lesz rajta tartalom, mindig szükség van kifutóra weboldalak esetében is.
Előtte utána képernyőkép a főoldalról
Weboldal tartalom
Fontos volt számunkra, hogy minél több információt tegyünk fel a weboldalra, így a fenti kép alapján is látható, hogy már a főoldalon is sokkal több mindenről kezdtünk el mesélni. Valamint a korábbi szöveg nem volt SEO technikailag jól használva, így a fontos és kevésbé fontos részeket nem tudta a Google jobban indexelni.
Rendbe szedtük a láblécet, így meg tudjuk már mutatni a több száz 5 csillagos értékelést, közösségi felületeket linkeltünk és a gyors navigáció is sokat segít a felhasználóknak.
Blog oldalt hoztunk létre, ahol be lehet számolni sok sok érdekességről – például házi vetélkedőt tartottak vloggerek a Neverland szabadulószobákban. Korábban nem volt lehetőség ezeket a YouTube videókat és élménybeszámolókat beilleszteni, megmutatni, linkelni.
SEO Keresőoptimalizálás
Weboldal készítés során fontos volt, hogy olyan tartalmat adjunk a felhasználóknak, amit értékesnek tartanak, és technikailag a Google számára is megfelelő. Mivel néhány aloldal címe megváltozott, ezért a korábbi oldalakat 301-es átirányítással megtartottuk, és az új oldal publikálása után egyből kértem egy Google újraindexelést, ami pár nap alatt lefutott.
SEO eredmény. Láthatod, ahogy némi hezitálás után egyre több és több találatot kapott az oldal a megújulás után (szürke pontozott vonal), 2 hónap alatt megduplázódott a keresőben a megjelenések száma (természetesen a pontos számokat nem tehetem közzé). Számottevő linképítés a második hónap vége felé kezdődött, amikor elkészültek az cikkek, így bővült a tartalom.
Hírlevél rendszer
Az új weboldalra hírlevél rendszer is beépítésre került, így több helyen ott a lehetőség a feliratkozásra. Manapság ez már egyre kevésbé működik, ám így is gyarapodott szép számmal a feliratkozók száma, akiknek aztán automatikusan küldtünk néhány szívhez szóló üzenetet. Hasonló módon jártunk el az ExitPopUp-al is, így még több embert érünk el folyamatosan.
Az elkészült weboldalt ezen a linken tudod megnézni: neverland.hu
Felhasznált technikai megoldások:
✓ Weboldal megépítése grafikus tervei alapján [ Elementor ] ✓ 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 + tanácsadás ✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ] ✓ Prémium biztonsági megoldások használata ✓ Több nyelv kialakítása ✓ Blog bejegyzések, tartalom marketing A weboldalon folyamatosan dolgozunk együtt, hogy még jobb eredményeket érjünk el vele.
Projekt: Ügyfél: Juhász Dóri – I am Dori – Online Business and Digital Nomad mentoring Dizájn: Meglévő oldal frissítése Fejlesztés: otletiroda.hu Szövegírás: Meglévő tartalom átvétele Kivitelezési idő: 3 nap
Értékestő landing oldal
Dórinak egy szuper jó mentor programja/kurzusa van azoknak, akik helyfüggetlen módon szeretnének dolgozni. Mivel Dóri tartósan külföldi országokban lakik és innen dolgozik mint szabadúszó, abszolút hiteles ebben a témában.
A projekt során a Divi-vel készült oldalát alakítottam át Elementorral. A kurzusra szánt oldal tartalmát kibővítettem, tagoltan mutattam be az előnyöket. Sokkal több fotó, videó beágyazása és a szögletes vonalak helyett egy lágyabb megjelenéssel mutattuk be Dóri ezt a lehetőséget.
E-mail címlista gyűjtés
Sok látogató egyből belevág, ha talál egy jó képzést, azonban szintén sokan első érintésre csak érdeklődők lesznek. Éppen ezért került kialakításra egy ingyenes e-book, amivel a hírlevél címlistát tudtuk növelni, és ezen keresztül automatikus és kampányszerű levelekkel is tudtunk bizalmat építeni.
Projekt részletei: Ügyfél: Prekopa Vilmos, Budapest és környékén hoz helyre lefolyó dugulásokat. Dizájn: otletiroda.hu Fejlesztés: otletiroda.hu Szövegírás: otletiroda.hu Kivitelezési idő: 3 nap
Egy Facebook kommentben hívta fel egy ismerősöm a figyelmem, hogy az ismerősének volt szüksége weboldalra. Rövid beszélgetés után után kiderült, hogy egy friss vállalkozás induló weboldaláról lenne szó.
A beszélgetések során sok kérdést tettem fel, hogy megértsem a célpiac problémáit, aktualitását és a megkülönböztetési jegyeket, mivel dugulás elhárításra rengeteg találat ad a Google, és több szöveges tartalommal gondoltunk indulni már az elején. A megrendelő 3 blogbejegyzést írt az elején, amit elhelyeztünk a főoldalon. Kértem tőle valós visszajelzéseket is, így néhány nap alatt elkészült az oldal hosszú magyarázó szöveges tartalommal, az általánosan felmerülő kérdések megválaszolásával a SEO jegyében.
Weboldal célja
A weboldalnak 2 fő célja volt. Egyrészről szerettük volna, hogy mindenképpen hívás történjen a weboldalról. Ha valakinek szüksége van dugulás elhárításra, az biztosan azonnal és mobilon fog keresni, így olyan gombokat helyeztem el több helyen, ami egyből telefonálást indít mobilról.
Másrészről fontos volt, hogy minőségi és könnyen érthető tartalommal indítsuk el az oldalt, ezért a megrendelőt is megdolgoztattam picit a tartalomgyártásban.
Ha a látogatót nem sikerült elsőre meggyőzni, vagy még felmerültek benne kérdések de nem szeret telefonálni (lásd fiatalabb generáció), arra az esetre egy 0-24 online Facebook chat modult építettünk be, ahol bármilyen egyedi problémára és kérdésre szinte azonnal tud válaszolni a szerelő.
Eredmény
A weboldal elkészülése után Google Adwords kampányt vett igénybe a tulajdonos egy szolgáltatótól, így nem kellett várni a SEO lassabban megtérülő eredményére. A forgalom tehát megérkezett az oldalra, és sok megkeresés érkezett, amiből aztán sok munka let, így a visszajelzések alapján jól sikerült a viszonylag egyszerűbb weboldal építkezésünk.
A weboldalt az átadás óta a megrendelő kezeli, folyamatosan kerülnek fel rá az újabb blogbejegyzések, és a keresőoptimalizálásban is lépkednek előre.
✓ Új webdesign [Elementor ] ✓ Facebook online chat modul a látogatóknak ✓ SEO Keresőoptimalizálás + tanácsadás az építkezés során ✓ Weboldal gyorsítása prémium megoldással [ WP Rocket ] ✓ Prémium biztonsági megoldások használata ✓ Gombra kattintható telefonhívás a lehető legjobb CTA konverziós arány elérése érdekében
Jankának és Norbinak készült egy 2 oldalad weboldal az esküvőjükre. Könnyű manapság átadni az információkat és a nászajándék listát a násznépnek egy zárt csoportban vagy csoportos e-mailben, de a legszebb és legelegánsabb mégiscsak egy esküvői weboldal.
Éppen ezért az én ajándékom többek között ez a weboldal volt számukra. A grafikai elemeket a meghívóról használtuk fel összhangba a fotózással. A nászajándék listát egy másik oldalra tettük, ahonnan fokozatosan lekerültek a foglalások alapján.
Képek a weboldalról
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!
