Framirlap lapszabászat | onepage landing oldal készítés – framirlap.hu

Framirlap lapszabászat Pécel onepage landing oldal készítés

Projekt:
Ügyfél: Framir Belsőépítészeti Kft.
Dizájn: Ötletiroda
Fejlesztés: Ötletiroda
Szövegírás: Ügyféllel közösen
Kivitelezési idő: ~ 16 munkaóra

Kiváló minőségben gyártanak egyedi bútort Pécelen a Framir Kft-nél (több munkájukat is láttam személyesen), ám néhány nagy precizitású faipari gépükön elérhető kapacitás realizálódott, így készítettünk számukra egy egyoldalas (onepage) landing oldalt, ahol a konverziót a szabásjegyzék letöltésével, telefonhívás, e-mail küldés és űrlap beküldés mérésével oldottuk meg.

A logót fixen kaptuk, minden más ránk volt bízva. Kaptunk néhány képet is, amit gyorsan körbevágva animálva mutattunk meg, illetve a Framir gyártósorán forgattunk néhány videós vágóképet, hogy meg tudjuk mutatni mindazokat az előnyöket, amiket szövegesen és fotókon keresztül nem lehet. Mellesleg egy HERO szekcióban elindított videó az oldalon töltött időt is növeli, csökkentheti a visszafordulási arányt, és egy ilyen videós anyagot jobban lehet megosztani és hirdetni a közösségi felületeken is. A gomboknak is szabász jellegű animációt adtunk, de mindenhol törekedtünk az egyszerűbb és igényesebb megjelenésre.

Framirlap lapszabászat | onepage landing oldal készítés - framirlap.hu 1

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

Felhasznált technikai megoldások:

✓ Weboldal megépítése [ Elementor ]
✓ Google Analytics, Facebook Pixel, Google Ads, TagManager
✓ 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

Magyar szemüveg márka | weboldal frissítés – ambrossi.com

Ambrossi szemüveg weboldal készítés hero főooldal

Projekt:
Ügyfél: OW Kft. – Magyar szemüveg nagykereskedés, az Ambrossi márka tulajdonosa
Dizájn: Ötletiroda
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél régi oldalának tartalmát frissítettük 2 nyelvre
Kivitelezési idő: ~ 20-30 munkaóra

Szabadi Zsoltot családunk barátjaként hosszú ideje ismertem és segítettük egymás munkáját

Az ügyfél fő elképzelése az egyszerűség és a letisztultság volt, ennek mentén több körön át egymás mellett ülve igazítottuk az első drótvázat a helyére. Sokkal nagyobb hangsúlyt adtunk a képi megjelenéseknek, és a korábban elkészült katalógus fotókat is elkezdtük használni. Sosem került tartalom feltöltésre néhány menüpont és szakasz, ezért ezekkel már nem is terveztem az új oldal design tervezése során. Megvizsgálva más nemzetközi divat weboldalakat arra jutottam, mindenképp látványos fotó slide-al terveztünk nyitni a HERO szekcióban hangulatfotókkal. Tipikus tárgyfotót messziről elkerültük most : )

Mivel az eddigi logó egy szerkesztett kép volt, de nem állt rendelkezésre a vektoros verzió, ezért ezt házon belül elkészítettük, így már minden képernyőn jól mutat a logó vektoros svg formátumban. A menü görgetésre változik, hátteret kap.

Elég sok plugin elavult volt, feleslegesen volt telepítve, a wordpress éa php verziókat is nagy ugrásokkal kellett upgradelni.

Magyar szemüveg márka | weboldal frissítés - ambrossi.com 2

Az elkészült weboldalt ezen a linken tudod megnézni: ambrossi.com

Felhasznált technikai megoldások:

✓ Weboldal megépítése saját elképzelés alapján [ Elementor ]
✓ Facebook Pixel, Google Analytics, Search Console, TagManager
✓ Több nyelvű oldal (magyar/angol)
✓ 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 ]

Horgász és Pihenőpark weboldal megújítás – gerseudulo.hu

Horgász és Pihenőpark weboldal megújítás - gerseudulo.hu 3

Projekt:
Ügyfél: Horgász és pihenőpark weboldal megújítása
Dizájn: Ötletiroda
Fejlesztés: otletiroda.hu
Szövegírás: Ügyfél
Kivitelezési idő: ~ 25 munkaóra

Ajánláson keresztül kerültem kapcsolatba Attilával, aki egy gyönyörű szép horgásztó és pihenőpark tulajdonosa Gersekaráton.

Lényegretörő üzletemberként egy új weboldalt szeretett volna, aminek 1 célja van: több szállásfoglalás, több horgász!
Ha valamiből többet szeretnénk eladni, akkor arról többet és kellemesebben szükségszerű mesélni. Megvizsgáltuk a korábbi weboldalt – ami kissé elavult volt és SEO szempontból sem teljesített jó. Új szöveget írtunk, és több információval, szebb képekkel és kívánatos leírással körbejártuk, miért érdemes eltölteni jónéhány napot Gersekaráton.

A mennyiségbeni különbséget jól mutatja a lenti előtte/utána fotó is a főoldalról:

Horgász és Pihenőpark weboldal megújítás - gerseudulo.hu 4

Mivel szállást telefonon is lehet foglalni rengeteg helyre helyeztünk el CTA akciógombot. A szállásfoglalás űrlapot is kellemesebbé tettük:

Horgász és Pihenőpark weboldal megújítás - gerseudulo.hu 5

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

Felhasznált technikai megoldások:

✓ Weboldal megépítése grafikai látványterv alapján [ Elementor ]
✓ 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 ]

Bútorok összeszerelése | weboldal megújítás – bpbutor.hu

BP Bútor összszerelés Budapesten

Projekt:
Ügyfél: Fehér Gergő, ezermester
Dizájn: Török Hella
Fejlesztés: Ötletiroda
Szövegírás: The Underground
Kivitelezési idő: ~ 20 munkaóra

Berze Márton keresett meg az Underground ügynökségtől, hogy van egy gyors munka, szöveget már megírták, de a designra és fejlesztésre keresnek valakit. A design-ra voltak ötleteim, de valamennyire igazodni kellett a korábbi oldal színvilágához is. Szerencsére nagyon jó szöveget kaptunk, így például az “Az ezermester, aki mindig leveszi a cipőjét” résznél magától értetődő volt egy koszos cipő animálása : )
A végleges grafikát Török Hella tette össze, ami alapján elkészítettük a weboldalt, meganimáltuk a díszítő elemeket és nagyon gyorsra hangoltuk az oldalt. A weboldal gyorsításra szükség is volt, mert az előző verzió jelentősen elmaradt az elvárt minimum szintjétől is (lásd kép).

Bútorok összeszerelése | weboldal megújítás - bpbutor.hu 6

Az elkészül weboldal gyorsabb, jelentősen hosszabb, szebb és szövegesen is meggyőzőbb lett, mint volt. Ennek ellenére a korábbi weboldalt készítő vállalkozó lebeszélte Gergőt a weboldal teljes cseréjéről, és csak toldozást-foltozást kapott a régi oldal. Nagyon sajnáljuk, hogy nem került felhasználásra a teljes munka, mert így sem a szöveg sem az ikonok, a körbevágott fotók sem tudnak hatásosan érvényesülni.

Bútorok összeszerelése | weboldal megújítás - bpbutor.hu 7

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

Felhasznált technikai megoldások:

✓ Weboldal megépítése grafikus design alapján [ Elementor ]
✓ Google Analytics
✓ 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

Mini weboldal építés – ismerosszamok.hu

ismerosszamok weboldal készítés

Projekt:
Ügyfél: Góczán Anikó
Dizájn: Ötletiroda
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél
Kivitelezési idő: ~ 10 munkaóra

Mini weboldal építés

Van, amikor többre van szükség egy Google business site oldalnál. Ahogy a lenti képen is látható, sokkal több mindent el lehet helyezni a főoldalon, így van tér és karakter a bemutatkozáshoz, szolgáltatások pontos leírására és összességében jó benyomást kelteni. Ezt segítve számos segítő kérdést tettem fel Anikónak, ami alapján összeállt egy vázlatos szakmai szöveg mindarról, ami megjelenhet egy könyvelő weboldalán.

Főoldal, kapcsolat oldal és cikkek részre volt csak szükség, amit elég gyorsan meg tudtunk építeni az előkészítések után. És mivel nem sok extra funkcióra volt szükség, így kifejezetten gyors maradt a weboldal egy kisebb és pénztárcakímélő osztott tárhely ellenére is.

Mini weboldal építés - ismerosszamok.hu 8

Az új weboldalt itt találod meg: ismerosszamok.hu

Felhasznált technikai megoldások:

✓ WordPress weboldal építés
✓ Google Analytics, Search Console
✓ SEO keresőoptimalizálás beállítása + szövegírás
✓ 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
Mini weboldal építés - ismerosszamok.hu 9

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

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

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 11

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 12

Online sütidekorálás kurzusok – LearnCakeDecoratingOnline.com

learn-cake-decorating-online

Projekt:
Ügyfél: LearnCakeDecoratingOnline
Dizájn: Ügyféllel közösen
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél
Kivitelezési idő: 15 munkanap

Weboldal megújítás

Szinte mindenkinek fontos, hogy fejlessze magát valamilyen területen. Nagyon sokan az otthoni torta és egyéb desszert dekorációs tudásuk fejlesztik, és szívesen kutatnak ebben a témában. Egy fórumon kezdtünk el beszélgetni Bettivel (oldal tulajdonosa), hogyan lehetne megújítani a sok éve magára hagyott weboldalát.

Elég sok konzultáció és gondolkodás után találtuk meg a legjobb megoldást – ugyanis a több, mint 100 videós kurzus a Kajabi rendszerében elérhető nála, és nem tervezte onnan elhozni. Nehézség volt, hogy a régi weboldal még Woocommerce-ben és a Gumroad-ban is árulta a kurzusokat, így minden egy platforma kellett hozni. A szokásostól eltérő többszöri megbeszélések sorozata lassította az oldal elkészülésének ritmusát, de a végeredmény olyan lett ahogy vártuk.

Mire kell figyelni egy weboldal megújításakor?

Első lépésként végignézzük a pluginokat, WordPress verziót, mit lehet vagy mit érdemes frissíteni, milyen megoldásra nem kell extra plugin és mire javaslunk mást. Az oldalon eléggé régi verzió futott minden pluginból. Most láttam életemben először a W3 total cache plugin 0.15-ös verziószámát, amiből már 2.1-es verzió is elérhető volt.

w3-totalcache

Tartalmilag beállítjuk a SEO plugint megfelelően, és megvizsgáljuk, milyen lehetőség vannak a belső linképítésre, termék ajánlásra. Mivel az lcdo.com -n elég sok korábbi bejegyzés volt, így ezeket optimalizálva elég jó SEO eredményt tudtunk elérni már az első hónapban gyakorlatilag megduplázódott a Google keresőben a megjelenési szám, az átkattintási szám is több, mint duplájára növekedett 1 hónap alatt. Minden bejegyzés aljára elhelyeztünk további blog ajánlást és videós kurzus/termék ajánlót, így várhatóan a vásárlási kedv is a sok évvel ezelőtti szintre fog visszaemelkedni.

Szinten minden fontos helyre bekerültek a korábbi ügyfelek visszajelzései, és az oldal korábbi 20 másodperces betöltési idejét is csökkentettük 2 másodpercre.

A megújult weboldalt itt találod meg: learncakedecoratingonline.com

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
✓ Termékek szűrése, Kajabi átkötés
✓ 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
Online sütidekorálás kurzusok - LearnCakeDecoratingOnline.com 13

Weboldal készítés – Bonnechance Hotel

Weboldal készítés - Bonnechance Hotel 14

Projekt:
Ügyfél: Bonnechance Hotel & Étterem
Dizájn: Meglévő vásárolt téma alapján
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél
Kivitelezési idő: 2,5 munkanap

Hotel weboldal építés / befejezés

A Hotel tulajdonosával szintén ajánlással kerültem kapcsolatba. Egy félkész oldalt kellett befejezni, mivel valamilyen úton módon az előző weboldal készítővel elakadtak a folyamatok. A WordPress téma már adott volt, ezen nem tudtunk változtatni. Lényegében az addigi Főoldal + 3db landing oldalt tovább alakítva hozzátettük a másik felét is az oldalnak.

Hiányoztak:

  • Fejléc
  • Lábléc
  • Sok sok Elementor optimalizálás
  • CSS kód az egyedi formázásoknak
  • Google indexelés
  • Google Analitycs és Facebook Pixel kód beillesztés

Ezen túlmenően az oldal 6,4s alatt töltött be. Ezt hoztam fel 1 másodpercre némi okossággal. A főoldalra végül beillesztettünk egy automatikusan elinduló YouTube videót, ami kissé módosította a főoldal betöltési sebességét. Sajnos a cPanelhez nem volt hozzáférésem, így a szerver oldalról néhány fontos módosítást nem tudtam elvégezni.

elotte-utana-weboldal-gyorsitas

Az elkészült oldalt itt tudod megtekinteni: bonnechance.hu

Felhasznált technikai megoldások:

✓ Webshop módosítása/újraépítése vásárolt témalátványterv alapján
✓ 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 ]

Előtte / utána képek:
fooldal-elotte-utana
csapatepites-elotte-utana

Felnőttképzés, kompetencia tréningek – Openout.hu

openout-fooldal-screen

Projekt:
Ügyfél: Openout Hungary Kft.
Dizájn: Korábbi oldal színei újragondolva
Fejlesztés: Ötletiroda
Szövegírás: Ügyfél
Kivitelezési idő: 4 munkanap

Weboldal megújítás

Az Openout Kft-vel ajánlás útján találkoztunk. Zsuzsa és a trénerek gyakorlatorientált tréningeken és képzéseken keresztül segítik a vállalati és személyes hatékonyságot. A tréningek között található lovas csapatépítő tréning is, az egyik kedvencem.

Problémák

A régi oldal a tartalomhoz képest eléggé lassan töltött be. A képek nem voltak optimalizálva, valamint mindegyik oldal struktúrálatlanul hozott H2 és H3 feliratokat H1 nélkül. A hajtás feletti képekbe a szöveg bele volt égetve, így az semmilyen pozitív hatással nem volt a SEO-ra. fájdalmas pont volt, hogy sem Google Analytics, sem Search Console nem volt beállítva az oldalon, így a régi és az új weboldal összehasonlítása ebben az esetben nem volt lehetséges, csupán a régi oldal és az új oldal közötti sebességkülönbséget tudom megmutatni. Az új weboldalon sokkal több minden szerepel, mégis 4 másodperc helyett 1,4 másodperc alatt töltött be az oldal.

Felnőttképzés, kompetencia tréningek - Openout.hu 15

A régi weboldal Divi-vel készült, de sajnos kissé régi 3.13-as verziószám volt fent, ami számos biztonsági hibát tartalmazott.
Tipp: Érdemes a weboldalt karbantartani hetente/havonta!

A weboldal készítés során a régi weboldal tartalmából és a logó színeiből indultam ki, és minden kurzushoz kerestünk lehetőleg saját fotót. Diviről Elementorra váltottunk, és a kurzusok leírását is bővítettük, és minden tréning kapott saját aloldalt – a régi oldalon harmonika szeren volt ömlesztve minden tréning, ami egyáltalán nem volt felhasználó barát.

A megújult weboldalt itt találod meg: openout.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
✓ Landing oldal készítés a különféle képzések reklámjához
✓ Tréning vásárlás online opció
✓ Bankkártyás fizetési opció
✓ 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
elotte-utana-opneout

Prémium kézi autómosó – GreenLine Clean

autostiptop-greenline-clean-automoso

Projekt:
Ügyfél: Kedves sógorom, akinek 2 újonnan induló autómosója van Budapesten a 6. és 13. kerületben.
Dizájn: otletiroda.hu
Fejlesztés: otletiroda.hu
Szövegírás: otletiroda.hu
Kivitelezési idő: 1 nap

Ezt a weboldalt nagyon gyorsan tettem össze, hogy segítsem a Sógorom vállalkozását. De miért volt SOS ez a weboldal?

1. Pandémia
A sürgősség oka egyrészt a pandémia miatti forgalom visszaesés. Kevesebben járnak a belvárosba vásárolni (Opera Carepark autómosó), és az irodákban (Nordic Light irodaház) is jóval kevesebben vannak a home office megoldás miatt, így erősíteni kell a marketing tevékenységet sok eszközzel.

2. Lejáró, viszonylag erős domain
Másrészről most sikerült elcsípnem egy DA10-es erősségű éppen lejáró domaint, amire rengeteg témában közelálló link mutat, így sokkal könnyebb SEO eredményeket elérni mint egy teljesen új domainnel. A GreenLine Clean franchise partnertől engedélyt kaptunk, hogy egy picit külön utakon járjunk, így készülhetett el az oldal. Az oldalt picit még erősítjük linképítéssel is, hogy a 6. és 13. kerületi lakosok ha autómosót keresnek, akkor is Norbit találják majd meg.

3. Facebook hirdetések
Jelenleg nem volt alkalmas a franchise partner weboldala, hogy FB Pixelt helyezzünk el csak bizonyos oldalakon vagy landing oldalakat tegyünk fel, így létre kellett hozni saját oldalt, ahol könnyebb az értékesítés és a hirdetések hatékonyságának nyomonkövetése.

Ha számodra fontos a környezetvédelem és szereted az igényes szép autót, akkor feltétlen próbáld ki Te is!
Az elkészült weboldalt ezen a linken tudod megnézni: autostiptop.hu

Felhasznált technikai megoldások:

✓ Weboldal megépítése + grafikai tervezés [ Elementor ]
✓ Facebook Pixel, FB hirdetések kezelése
✓ 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

Képek a weboldalról
autostiptop-greenline-clean-automoso-fooldal
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