Esettanulmány

gotomarketing

WordPressről egyedi platformra, webre és mobilra.

A gotomarketing Magyarország legnagyobb KKV marketing könyvtára: 500+ tananyag, mesterkurzusok, heti élők és egy 2000+ vállalkozóból álló közösség. A kinőtt WordPress-oldalt egyedi, crossplatform fejlesztésre cseréltük: egy kódbázis viszi a desktop és a mobil webet, az iOS és az Android appot, és egy lecke ma nyolcszor gyorsabban tölt be, mint korábban.

Platform
Desktop és mobil web, iOS, Android
Terület
Online oktatás, előfizetéses tartalom
Ügyfél
gotomarketing (Marketing Commando)
Együttműködés
Studio modell, 2 hetes sprintek
gotomarketing.hu
A gotomarketing webes főoldala: kiemelt videó nagy háttérképpel, Megnézem és Részletek gombok, alatta a Népszerű videók sor.
A gotomarketing mobilalkalmazás főoldala: kiemelt videó, Népszerű videók, alul a Főoldal, Tartalmak, Mesterkurzusok és Falkám fülek.
  • 500+tananyag a könyvtárban, hetente frissülve
  • 2000+vállalkozó a közösségben
  • 4platform egy kódbázisból: desktop és mobil web, iOS, Android
  • 8×gyorsabban tölt be egy lecke, mint a WordPressen

A kihívás

A könyvtár kinőtte a WordPresst.

A gotomarketing 2018 óta hetente bővül. Több száz videó, mesterkurzusok, átiratok, extra anyagok, előfizetések és egy aktív közösség futott egy WordPress-oldalon, ami minden új ötletnél kompromisszumot kért, és a bővítmények súlya alatt egyre lassult. Nem az volt a kérdés, hogyan foltozzuk, hanem hogyan építsünk olyat, ami a következő 500 tananyagot is elbírja, és mellé egy csapatot, ami együtt mozog a gotomarketinggel.

  • Minden funkció egy kompromisszum

    A WordPress-oldal sablonból és bővítményekből állt össze. Ami új ötlet volt, azt ahhoz kellett igazítani, amit egy plugin tudott, és minden frissítés kockázat volt.

  • Lassú, mert túl sok minden fut

    A bővítmények egymásra rakódtak, egy lecke betöltése 4,16 másodpercig tartott. Egy videós könyvtárban ez az a pont, ahol a tag inkább bezárja.

  • Tanulás útközben

    A tagok vállalkozók: autóban, sorban állva, két megbeszélés között tanulnak. Ehhez valódi iOS és Android app kell, nem egy összenyomott weboldal.

  • Csapat kellett, nem bővítmény

    A gotomarketing hetente fejlődik. Ehhez olyan fejlesztőcsapat kellett, ami vele mozog: rövid ciklusokban szállít, és a változást nem új ajánlatként kezeli.

Vállalkozó este az íróasztalánál, a laptop képernyőjén csak egy töltést jelző forgó kör látszik.

A kiindulópont

4,16 másodperc, mire egy lecke betölt.

A döntés: nem foltozunk, hanem újraépítünk. Négy platformra, egy közös kódbázisból.

Sebesség

4,16 másodpercről 518 ezredmásodpercre.

Egy videós könyvtárban a várakozás a legdrágább másodperc: ennyi idő alatt dönti el a tag, hogy nekiáll-e a leckének. A WordPress-oldalon egy lecke 4,16 másodperc alatt töltött be, az új platformon 518 ms alatt.

Egy lecke betöltési ideje

Kevesebb a jobb. Ugyanaz a lecke, a régi és az új rendszeren.

8× gyorsabb−88%
WordPress + bővítmények
4,16 mp
Új, egyedi platform
518 ms

Az ügyfél mérése: egy lecke oldalának teljes betöltése.

  • Nincs bővítményréteg

    A régi oldalon minden funkció egy újabb plugin volt, mindegyik a saját kódját töltötte be minden oldalon. Az új platformon csak az fut, amire a képernyőnek szüksége van.

  • Gépelés közben szűrő keresés

    A kereső nem oldalt tölt újra: már gépelés közben szűr, ékezet nélkül is, a címben, a leírásban, az átiratban és a kulcsszavakban egyszerre.

  • Gyors minden eszközön

    Ugyanaz a gyors alap viszi a desktop és a mobil webet, valamint az iOS és Android appot: nincs „lassú változat”.

A megoldás

A könyvtár, ahogy ma működik

Három képernyő viszi az élményt: a főoldal ajánl, a kereső megtalál, a lejátszó tovább visz. Mindhárom egyedi fejlesztés, és ugyanígy működik desktopon, mobil weben és az appokban.

Valódi designok az új webes felületről. A hosszabb oldalak a keretben görgethetők.

  1. 01. Főoldal, ami ajánl

    A belépés után nem lista fogad, hanem a legfrissebb lecke nagy képpel, alatta a „Folytasd, ahol abbahagytad” sor és témánkénti, dinamikus lejátszási listák. A kártyán látszik, mennyit néztél meg, a lakat pedig jelzi, mi nincs a csomagodban.

    • Folytasd, ahol abbahagytad
    • Témánkénti listák
    • Haladás a kártyán
    gotomarketing.hu
    A gotomarketing webes főoldala: kiemelt videó nagy háttérképpel, Megnézem és Részletek gombok, alatta a Népszerű videók sor.
  2. 02. Keresés és szűrés az egész könyvtárban

    Gépelés közben szűrő, ékezet nélkül is működő kereső, ami a címben, a leírásban, az átiratban és a kulcsszavakban is keres. Mellette szűrők kategóriára, területre, előadóra, csomagra, hosszra és átiratra. A szűrt keresés linkként megosztható.

    • Keresés az átiratban is
    • Ékezet nélkül is
    • Megosztható szűrés
    gotomarketing.hu
  3. 03. Lejátszó, ami tovább visz

    Állítható sebesség, fejezetekre bontott idősáv, Picture-in-Picture, és egy gombnyomásra hanganyag. A videó alatt cselekvési terv, átirat, saját jegyzet, extra anyagok, és kattintható címkék az előadóhoz, a területhez és a kurzushoz.

    • Fejezetek és sebesség
    • Videó vagy hanganyag
    • Saját jegyzet
    gotomarketing.hu

Mobil web, iOS és Android

Ugyanez, a zsebedben.

A webes felülettel egy kódbázisból készült az iOS és az Android app is. Crossplatform fejlesztés, natív élménnyel: a tagok ott folytatják a leckét, ahol abbahagyták, akár autóban, hanganyagként, zárolt képernyővel.

  • Ott folytatod, ahol abbahagytad, eszközök között is: laptopon kezded, telefonon fejezed be
  • Videó vagy hanganyag, egy érintéssel válthatsz; a hang a háttérben és zárolt képernyőről is vezérelhető
  • Push értesítés új leckéről, eseményről és bejelentésről, olvasatlan-számlálóval
  • Ugyanaz a fiók és tagság: a webes belépéssel az appba is beléphetsz
  • Desktop web
  • Mobil web
  • iOS
  • Android
A gotomarketing mobilalkalmazás főoldala: kiemelt videó, Népszerű videók, alul a Főoldal, Tartalmak, Mesterkurzusok és Falkám fülek.

Funkciók

Hét funkció, egy cél: a tudásból tennivaló legyen

A gotomarketing nem videótár, hanem tanulási rendszer. A funkciók azt szolgálják, hogy a tag megtalálja, megértse és megvalósítsa, amit tanult.

Keresés, ami gépelés közben talál

Ékezet nélkül is, a címben, a leírásban és az átiratban egyszerre. A szűrt keresés linkként megosztható.

Az Összes tananyag képernyő mobilon: kereső, témacsempék, szűrőgombok (hossz, leirat, témák) és a találati lista.

Folytasd, ahol abbahagytad

A főoldal első sora a félbehagyott leckék, a kártyán látszik, mennyit néztél meg. Eszközök között is szinkronban.

Videó vagy hanganyag

Bármikor válthatsz. A hang a háttérben is szól, saját sebességgel, és zárolt képernyőről is vezérelhető.

Lejátszó, ami tanulásra készült

0,5–2× sebesség, ami megmarad, fejezetekre bontott idősáv, Picture-in-Picture, átirat a lecke mellett.

Jegyzetek és kedvencek

Saját jegyzet minden leckéhez automatikus mentéssel, kedvencek, „Megnéztem” jelölés, letölthető extra anyagok.

Események és értesítések

Egy kattintásos jelentkezés eseményre vendégekkel, visszaszámlálóval. Push és e-mail értesítés, külön kapcsolhatóan.

Kivitelezői Pláza

Kategóriánként, csillagos értékeléssel, akik a leckét meg is valósítják. A kivitelezők a saját profiljukat szerkesztik.

Technológia

Modern eszközök, skálázható alapok.

A cél nem egy szebb WordPress volt, hanem egy platform, ami a gotomarketing következő éveit is elbírja: több tartalom, több tag, több felület, kevesebb kompromisszum. Ezért egyedi, crossplatform fejlesztést választottunk, modern eszközökkel és olyan háttérrendszerrel, amit nem kell két év múlva újra lecserélni.

  • Egyedi fejlesztés sablon helyett

    Minden képernyő a gotomarketing tartalmaira és folyamataira szabva. Nincs bővítmény, ami mást akar, mint az ügyfél.

  • Skálázható háttérrendszer

    500+ videó, ezres tagság, hetente új tartalom. Az alap úgy készült, hogy a következő 500 tananyagot is elbírja.

  • Egy kódbázis, négy felület

    Crossplatform fejlesztés: a desktop és a mobil web, az iOS és az Android app ugyanabból a kódból és háttérrendszerből épül. Egy új funkció egyszerre érkezik mindenhová.

  • Átállás megszakítás nélkül

    A meglévő tagok, tartalmak és előfizetések átkerültek az új rendszerbe, a könyvtár közben nyitva maradt.

A lejátszó képernyő mobilon: videó, cím és címkék, Cselekvési terv, leirat, Extra anyagok és Ajánlott szakemberek.

Állj át Netflixről gotomarketingre, és futtasd fel végre a céged!

A gotomarketing üzenete a tagoknak
Kávézótulajdonos a pult mögött reggel, tableten marketingleckét néz és jegyzetel.
A gotomarketing mobilalkalmazás főoldala: kiemelt videó, Népszerű videók, alul a Főoldal, Tartalmak, Mesterkurzusok és Falkám fülek.

A gotomarketing világa

Magyarország legnagyobb KKV marketing könyvtára.

A gotomarketing mögött Wolf Gábor és Janata Kriszta áll: hiteles, könnyen megvalósítható marketinget tanítanak kisvállalkozóknak, hetente frissülő könyvtárral, mesterkurzusokkal, heti élőkkel és egy közösséggel, ami nem néz hülyének senkit azért, mert sikeres akar lenni. A platformnak ezt az élményt kell hordoznia, minden nap, minden eszközön.

  • Wolf Gábor 2001-ben alapította a Marketing Commandót, Magyarország első kisvállalati marketing-tanácsadó cégét
  • A gotomarketing 2018 óta épül: 500+ tananyag, mesterkurzusok, heti élők kedd reggel 9-kor
  • Kivitelezői Pláza: ellenőrzött grafikusok, webesek, szövegírók, hirdetéskezelők a tagoknak

A márkáról többet a csatlakozz.gotomarketing.hu oldalon találsz.

Így épült

Nem újraszíneztük. Újraépítettük.

A gotomarketing új platformját a koncepciótól az éles működésig vittük végig: újratervezés, desktop és mobil web, iOS és Android app, háttérrendszer és előfizetés-kezelés egy csapat kezében. A könyvtár közben egy napra sem zárt be.

  • Újratervezés több platformra

    Sötét, videóra hangolt felület a márka arculatával, eleve úgy tervezve, hogy desktopon, mobil weben és natív appban is otthon legyen.

  • Desktop és mobil web

    A WordPress-oldal helyett egyedi webalkalmazás: főoldal, könyvtár, kereső, lejátszó, események, profil, előfizetés és számlák.

  • iOS és Android alkalmazás

    Ugyanabból a crossplatform kódból, natív élménnyel: háttérben szóló hanganyag, zárolt képernyős vezérlés, push értesítések.

  • Skálázható backend és tartalomkezelés

    Videók, leiratok, cselekvési tervek, extra anyagok és szakember-ajánlások egy helyen kezelve, három felületre kiszolgálva.

  • Előfizetés és fizetés

    Új, egyszerűbb fizetés és csomagváltás, minden számla egy helyen, és önálló kurzus vásárlása előfizetés nélkül is.

  • Migráció a régi rendszerből

    Tagok, tartalmak és előfizetések átvezetése működés közben. A tagok a régi jelszavukkal lépnek be.

Agilisan, kéthetes ritmusban

Nem egy fél év múlva átadott csomagot kapott a gotomarketing, hanem kéthetente egy jobb terméket.

  1. 1. lépésTervezés
  2. 2. lépésFejlesztés
  3. 3. lépésTesztelés
  4. 4. lépésÜgyféldemó

2 hét, aztán újra, a demón kapott visszajelzéssel

  • Újratervezés négy platformra

    Nem a régi oldalt színeztük át. Az új designt eleve úgy építettük fel, hogy ugyanazok az elemek desktopon, mobil weben és natív appban is működjenek.

  • Kéthetes sprintek

    Kéthetente működő, kipróbálható verzió. A prioritásokat sprintenként együtt állítjuk be, így a fontos dolgok előre kerülnek.

  • Demó minden sprint végén

    A gotomarketing csapata minden sprint végén élőben látja, mi készült el, és a visszajelzés már a következő sprintbe kerül.

Studio modell

Saját fejlesztőcsapat, projekt helyett.

A gotomarketinggel Studio modellben dolgozunk: egy állandó csapat, ami ismeri a terméket, és együtt fejlődik vele.

  • Havi fix kapacitás, tervezhető költség
  • A változás nem új ajánlat, hanem a következő sprint része
  • Üzemeltetés, támogatás és termékstratégia egy kézben
Így működik a Studio modell
Wolf Gábor portréjagotomarketing

Az ügyfél szemével

„Meglepően önálló és proaktív csapat!

Attól féltem a projekt indulásakor, hogy rengeteg többletfeladatom lesz a webes és mobil app-os fejlesztés miatt, de a Codeyard csapat gyakorlatilag saját magukat »brief«-elték: a meglévő anyagaink alapján állították össze a fejlesztési tervet.

Ráadásul olyan fejlesztési ötleteik is voltak, amik nekem eszembe sem jutottak volna, szóval kevesebb munkát kellett beletennem, viszont többet kaptam, mint amire számítottam. Az ügyfeleink pedig imádják az új, letisztult, gyors, okos rendszerünket.

win-win-win!”

Wolf Gábor

gotomarketing.hu / Marketing Commando

További referenciák

Amit még szállítottunk

Média, üzleti rendszer, autós közösség, ismeretterjesztés: más iparágak, ugyanaz a csapat és ugyanaz a mérce.

Üzleti rendszer

Trafik Expressz

SAP Business One-ra épülő, tableten és mobilon futó értékesítéstámogató rendszer az országos sales csapatnak.

Esettanulmány: Trafik Expressz
Média

Rádió 1

Natív Android és iOS alkalmazás élő rádióstreammel, zeneszám- és műsorinformációkkal Magyarország piacvezető rádiójának.

Esettanulmány: Rádió 1
Média, közösség

TheVR

Közel 3 millió követő egy appban: hírek, élő adások, menetrend és Shopify-alapú webshop iOS-en és Androidon.

Esettanulmány: TheVR

Kapcsolat

Van egy üzleti problémád, amit szoftverrel oldanál meg?

Beszéljünk róla – segítünk átlátni a lehetőségeket, és megtalálni a számodra legjobb megoldást.

  • Ingyenes konzultáció
  • Gyors visszajelzés
  • Szakmai, őszinte válaszok

Vagy írj közvetlenül: business@codeyard.eu

Széchenyi Terv Plusz kedvezményezetti infoblokk: a projekt a Magyar Kormány és az Európai Unió társfinanszírozásával valósul meg

Fontosnak tartjuk az adatok védelmét

A böngészési élmény fokozása, a személyre szabott hirdetések vagy tartalmak megjelenítése, valamint a forgalom elemzése érdekében sütiket (cookie) használunk. Az "Összes elfogadása" gombra kattintva hozzájárulhat a sütik használatához. Adatvédelmi Nyilatkozat.

Engedélyek beállítása

A hatékony navigáció és bizonyos funkciók működésének érdekében sütiket használunk. Az alábbiakban az egyes kategóriák alatt részletes információkat talál minden sütiről.

Szükséges

A szükséges sütik döntő fontosságúak a weboldal alapvető funkciói szempontjából, és a weboldal ezek nélkül nem fog megfelelően működni. Ezek a sütik nem tárolnak személyazonosításra alkalmas adatokat.

Süti
cy-consent
Időtartam
1 év
Leírás
Eltárolja a süti-beállításaidat, hogy ne kérdezzünk rá minden oldalon újra.
Mindig aktív
Funkcionális

A funkcionális sütik segítenek bizonyos funkciók végrehajtásában, például a weboldal tartalmának megosztásában a közösségi média platformokon, visszajelzések gyűjtésében és más, harmadik féltől származó funkciókban.

Nincs megjeleníthető cookie.

Analitika

Analitikai sütiket használnak annak megértésére, hogy a látogatók hogyan lépnek kapcsolatba a weboldallal. Ezek a cookie-k segítséget nyújtanak a látogatók számáról, a visszafordulási arányról, a forgalmi forrásról stb.

Süti
_ga
Időtartam
2 év
Leírás
Google Analytics: véletlenszerű azonosítóval különbözteti meg a látogatókat a látogatások és munkamenetek számolásához.
Süti
_ga_N6NF10ND4V
Időtartam
2 év
Leírás
Google Analytics: a munkamenet állapotát tárolja ehhez a weboldalhoz.
Teljesítmény

A teljesítmény-sütiket a weboldal kulcsfontosságú teljesítménymutatóinak megértésére és elemzésére használják, amelyek hozzájárulnak a látogatók jobb felhasználói élményének biztosításához.

Nincs megjeleníthető cookie.

Hirdetés

A hirdetési sütiket arra használják, hogy a látogatókat személyre szabott hirdetésekkel juttassák el a korábban meglátogatott oldalak alapján, és elemezzék a hirdetési kampány hatékonyságát.

Süti
_gcl_au
Időtartam
3 hónap
Leírás
Google Ads: a látogatást a hirdetéskattintáshoz köti, így mérjük, melyik hirdetésből lett érdeklődés.
Süti
cy_gclid
Időtartam
90 nap
Leírás
Helyi tárolás: annak a Google Ads-hirdetésnek az azonosítója, amelyről érkeztél. A kapcsolati űrlappal együtt elküldjük, hogy lássuk, melyik hirdetés hozta az érdeklődést.