Golem Club Portal solution

Unmute

01. Zadanie

Cieľom projektu bolo vytvoriť nový portál pre spoločnosť Golem Club, ktorá zastrešuje najväčšiu sieť fitness centier na Slovensku. Portál mal podľa zadania obsahovať integrovaný eshop a online rezervačný kalendár cvičení.

Výsledkom malo byť komplexné webové riešenie s responzívnym dizajnom resp. mobilnou aplikáciou, ktoré bude plniť úlohu predajného kanálu – umožní registrácie, nákup služieb a rezervácie cvičení cez web, čím odľahčí recepciu a nákladovo zefektívni poskytovanie služieb.

Riešenie by tiež malo plniť funkciu marketingového a komunikačného kanálu spoločnosti (podpora predaja, pravidelné motivácie k nákupu služieb, vernostný systém, gamifikácia, socializácia a prepojenie so sociálnymi sieťami). V budúcnosti sa plánuje rozšírenie o B2B sektor pre zamestnancov firiem.

Portál by mal tiež slúžiť ako vizuálne príťažlivá a moderná prezentácia spoločnosti a jej aktivít. Správa obsahu portálu by mala prebiehať v rámci moderného user-friendly CMS.

Bolo potrebné nahradiť predchádzajúci web, ktorý mal už 7 rokov a neplnil potrebné úlohy z hľadiska dizajnu, informácií a funkcionalít. Mal neprehľadné členenie, nesprávne fungujúce rezervácie a zobrazenie rozvrhov.

02. Riešenie

01. Analýza súčasného stavu a technický návrh riešenia

Po zadefinovaní požiadaviek na systém sme vytvorili technický návrh. Riešenie sme navrhli ako skupinu troch samostatne bežiacich aplikácií, ktoré medzi sebou komunikujú – portál, CMS a integračná aplikácia – prepojenie s backend systémom Member pro, ktorý spoločnosť Golem používa pre evidenciu užívateľov, objednávok a rezervácií.

02. UX, UI návrh

Projekt je cielený na širokú verejnosť a vysoké denné návštevnosti a je potrebné klásť veľký dôraz na návrh užívateľského rozhrania UX (User Experience) a UI (User Interface). Pri návrhu dizajnu sme sa zamerali na moderný, čistý dizajn, vychádzajúci z aktuálnych trendov.
Kľúčové bolo definovať sadu UX/UI komponentov, ktoré sú využívané naprieč celou aplikáciou a je tým zabezpečená konzistencia a modulárnosť UI. Dosiahli sme tým tiež zníženie nákladov pri prípadných zmenách v budúcnosti.
Spoločnými prvkami navrhovaného riešenia sú:

• Minimalistic design – zameranie sa a to, čo používateľ potrebuje vidieť a skryť všetko ostatné
• Easy to use – pochopenie procesov už pri návrhu UX / UI a ich maximálne zjednodušenie
• Fresh and modern look – príjemný a pútavý dizajn
• Maximize product efficiency – všetko dostupne na pár klikov
• Mobile first prístup – veľa užívateľov bude k portálu pristupovať cez mobilné zariadenia priamo na prevádzkach Golem

03. Software Development a optimalizácia

Projekt bol implementovaný s použitím open-source technológií, ktoré sú licencované prostredníctvom štandardných Apache / GNU GPL / MIT licencií.

Základom bolo použitie PHP7+ a frameworku Laravel doplnené o technológie HTML5, CSS3, SASS, Bootstrap, JavaScript, jQuery a TypeScript. Rezervačný kalendár je vytvorený ako single page aplikácia prostredníctvom VueJS.
Serverová a databázová časť je postavená na:

• Nginx, Apache Web Server
• MySQL / MariaDB
• Elasticsearch
• Redis
• Na DevOps a riadenie projektu sme použili: GitLab, Jiru a Confluence.

04. Testovanie a odovzdanie portálu zákazníkovi

Dokončený portál prešiel viacerými kolami interného testovania a pripomienok naprieč rôznymi úrovňami SCR (tester, project manager, designeri, design director, top management spoločnosti). Následne bol testovaný a pripomienkovaný zákazníkom (management Golem, management prevádzok) a spustený do ostrej prevádzky.

03. Výsledok

Podarilo sa nám vytvoriť plne responzívny, moderný a vizuálne príťažlivý portál, ktorý má pomáhať nášmu klientovi Golem pri napĺňaní biznis cieľov a pri prezentácii spoločnosti. Procesy nákupu služieb a rezervácií cvičení už prebiehajú online, čo Golemu prináša zisk, šetrí peniaze a prináša konkurenčnú výhodu. Spoločnosť aj prostredníctvom nášho spoločného diela ukazuje, že je číslo 1 na slovenskom trhu.