← All work
Veebidisain · Veebiarendus · CMS

Fitspo Veebileht

Kaasaegne veebileht online liitumise ja uudistega Fitspole, terviklikule spordiklubile basseini, ronimisseina ja spordikompleksiga.
Client
Fitspo
Year
2026
Services
Veebidisain · Veebiarendus · UI/UX · CMS
01
Fitspo on terviklik spordiklubi, mis koondab ühe katuse alla tõsise võimaluste komplekti — jõu- ja kondiitreening, ronimissein, 25m bassein, spordikompleks sisesaalispordi ja pickup-liigade jaoks ning täismahus grupitreeningute programm. Olemasolev veebileht ei peegeldanud sellest midagi. See nägi välja nagu kümme aastat tagasi tehtud spordiklubi mall, liitumisprotsess oli piisavalt kohmakas, et personal vormistas inimesi liikmeks pigem kohapeal, ja meeskonna toodetud uudistele, treeninguinfole ja kogukonnasisule polnud lehel mõistlikku kohta. Lähteülesanne oli kaasaegne veebileht, mis teeb hästi kolme asja: selgitab, mis Fitspo päriselt on (korralik mitmealaline klubi, mitte lihtsalt rida jooksulinte), võimaldab inimestel liituda ilma telefoni võtmata ning annab meeskonnale blogi, mida nad päriselt kasutavad.
02
Alustasime liitumisprotsessist ja töötasime sealt väljapoole. Kui keegi tuleb lehele kavatsusega liituda, peab tee avalehelt kinnitatud liikmesuseni olema lühike, selge ja vaba tumedatest mustritest, millele enamik spordiklubide lehti toetub. Neli selget liikmesusetasandit, läbipaistev hinnakiri, ei tärnikesi, ei "alates" trikke. Ülejäänud leht on ehitatud seda otsust toetama — objektide kaardid avalehel, et külastajad näeksid, mis klubis päriselt on, uudistesektsioon, mida meeskond saab kasutada ilma arendaja abita, ning tundide- ja hinnalehed, mis laevad kiiresti telefoni peal riietusruumis. Visuaalne keel on tume, fotograafiline ja enesekindel, üks selge sinine kannab kõiki tegevusi. Toon on täiskasvanulik — "Invest in your health. Train with purpose." pigem kui hüpe-ja-massi-register, millesse enamik spordiklubisid kaldub. Tulemus mõjub vähem kui kõva müük ja rohkem kui klubi, kuhu tasub liituda.
03
Kaasaegne, täielikult responsive veebileht tervikliku spordiklubi jaoks — ehitatud liikmesuse konverteerimise, sisu avaldamise ja igapäevase tööshoidmise ümber. Valmis: terve lehe disain ja arendus, online liikmesuse registreerimine tasandi valikuga, integreeritud uudised/blogi koos CMS-i ligipääsuga meeskonnale, objektilehed jõusaalile, basseinile, ronimisseinale ja spordikompleksile, treeningute ajakavad, hinnasüsteem, kakskeelne ülesehitus (EN/ET) ning komponentide raamatukogu, mille abil meeskond saab lehte ise edasi arendada.
04
Uus leht nihutas mõõdetava osa Fitspo liitumistest kohapealt ja telefonilt veebi — vabastades vastuvõtu personali keskenduma majas olevatele liikmetele, mitte administreerimisele. Blogi liikus seisvast sektsioonist millekski, mida meeskond avaldab iganädalaselt, kus treeninguuuendused, treenerite tutvustused ja kogukonnalood käivad kõik läbi sama CMS-i. Struktuur andis Fitspole ka ruumi kasvada. Uusi võimalusi, treeningformaate ja liikmesusetasandeid saab lisada ilma lehte ümber disainimata — mis on laia ja areneva pakkumisega klubi jaoks kogu mõte.
05
Palette
Kesköö
Sügav sinine
Tegevussinine
Lumi
Tint
Typography

Tugev, ümar, vaikselt enesekindel.

Greycliff CF — Sõnamärk, pealkirjad


Selge lugemine igas suuruses.

Inter — Liides, leivatekst


Kellaajad, hinnad, peenkiri.

JetBrains Mono — Metaandmed, tehniline info

06
01 / Avasta

Audit ja kasutajateekonnad

Käisime olemasoleva lehe läbi potentsiaalse liikmena, kaardistasime kus inimesed loobusid, ja rääkisime personaliga liitumistest, mida nad käsitsi tegid.

02 / Defineeri

Struktuur ja prioriteedid

Paigutasime lehe kolme tööle: selgitada klubi võimalusi, konverteerida liikmesusi ja majutada meeskonna sisu. Lõikasime välja kõik, mis ei teeninud ühte neist kolmest.

03 / Disaini

UI ja komponentide süsteem

Disainisime terve liidese — avaleht, objekti kaardid, liitumisvoog, uudistemallid, hinnakiri — ning ehitasime komponentide raamatukogu, et meeskond saaks lehte ise laiendada.

04 / Ehita

Arendus ja üleandmine

Arendasime lehe, integreerisime liikmesuse ja CMS süsteemid, seadsime üles kakskeelse (EN/ET) raamistiku ning andsime üle lehe, mida meeskond saab pidada ilma arendaja kõrval olemata.

Next project Roheinfo branding & veebileht Branding · Veebiarendus · Identiteet