B2R

Skupina priateľov sa na základe vlastnej skúsenosti
rozhodla spojiť najlepšie technológie a vytvoriť

fakt špičkový produkt

Nákolenníky Brace2Race sa vyrábajú pomocou 3D skenovania a počítačového modelovania.

Proces zahŕňa:

softvérom riadené vybavenie

polymerizáciu uhlíkových dielov v autokláve

Hlavné etapy vykonávajú skúsení ortopédi.
Produkty majú titánovú ochrannú kapsulu a nastaviteľný exoskelet, ktoré spoľahlivo
chránia väzy, meniskus a jabĺčko pri vysokom zaťažení, nárazoch a rotáciách.

Úlohy:

Určenie cieľovej skupiny
a jej segmentácia podľa geografie
CustDev
Analýza konkurentov
Príprava počiatočnej koncepcie webu, určenie kontaktných bodov identita, MindMap výber technológií
Tvorba prototypu
a jeho úpravy
Návrh UI/UX
Kódovanie, backend, naplnenie obsahom

Riešenie:

Zvolený stack:

HTML PHP CSS JS

Ako rozumný kompromis podľa rozpočtu sme vybrali CMS MODX.

To nám umožnilo:

Vopred myslieť na SEO optimalizáciu
Zjednodušiť prácu s responzivitou a skrátiť vývoj
Dodať vizuálnu dynamiku vďaka animáciám
Zabezpečiť spoľahlivý a rýchly backend
Zjednodušiť správu obsahu aby si klientvedel sám meniťtexty

Špecifiká práce v Európe

Klient má obchod v Bratislave, ale prostredníctvom
e-shopu chce zasiahnuť

až 80% Európy

Treba myslieť na

Čas na multijazyčnosť. MVP sa spúšťa v angličtine, neskôr ďalšie jazyky

Mobile-first, rýchle načítanie, citlivý responzívny dizajn. Tu je používateľ náročný

Jednoduchý dizajn bez vizuálneho smogu, vysoká čitateľnosť (kontrast), jasná hierarchia

UX: užívateľ musí hneď vedieť, kde kliknúť

Žiadne agresívne predajné praktiky (neustále pop-upy, reklamný spam)

Analýza konkurencie

Analyzovali sme, analyzovali — a znovu analyzovali. Keďže zahraniční klienti sú pre nás
zriedkaví, venovali sme viac času práve produktu, konkurencii a cieľovke. Začali sme,
samozrejme, konkurenciou.

Trochu si zamudrujeme, teda urobili sme benchmarking.

Mali sme dva zoznamy:

od klienta vlastný research

yami-brace.de

Plusy

Čistý, stručný dizajn, veľa priestoru. Dobrá vizuálna hierarchia textu a CTA. Moderný flat-dizajn bez zbytočností. Informačný obsah bez preťaženia

Mínusy

Responzivita na mobiloch trpí (niektoré bloky sa orezávajú). Veľmi málo marketingových spúšťačov (recenzie, sociálne dôkazy, akcie). Na niektorých miestach slabý kontrast textu a pozadia. Stránka pôsobí skôr ako vizitka značky než ako aktívny komerčný nástroj

Zaujímavé poznámky

Cítiť orientáciu na B2B/partnerov, nie na B2C

evs-sports.com

Plusy

Zrozumiteľný, kvalitný content marketing (článok s pridanou hodnotou pre návštevníka). Dobrá navigácia v hlavičke a podľa sekcií. Responzívna verzia, rýchle načítanie. Kvalitné fotky a branding

Mínusy

Stránka je trochu preťažená textom, málo oddeľovačov a vizuálnych akcentov. Príliš veľa preklikov, niektoré CTA nie sú jasné. Video obsah nie je všade zapracovaný (pritom by mohol pomôcť pri zapojení)

Zaujímavé poznámky

Stránka stavia na vzdelávacom obsahu a budovaní dôvery cez expertízu – silný trend. Používajú sa animované prechody

mobiusbraces.com

Plusy

Silný vizuálny štýl, „športová“ emocionálna atmosféra. Aktívne využitie veľkých obrázkov produktu. Dobrá adaptácia na mobilné zariadenia. Kvalitné spracovanie informácií o technológiách

Mínusy

V niektorých sekciách zlý kontrast CTA tlačidiel. Zložitá navigácia, priveľa položiek menu. Pomalé načítanie veľkých background obrázkov

Zaujímavé poznámky

Stránka veľmi dobre funguje na budovanie povedomia o značke, vytvára obraz prémiového produktu. Slidery s efektmi prinášajú dynamiku, ale môžu rozptyľovať

podactive.com

Plusy

Silný minimalizmus a prémiový dizajn. Veľké, jasné fotky produktu v akcii. Dobré animácie zobrazovania obsahu. Zrozumiteľný checkout (košík, nákup)

Mínusy

Málo textového obsahu (neodhalená hodnota produktu). Ťažko nájsť detailné špecifikácie modelov. Málo recenzií/prípadových štúdií

Zaujímavé poznámky

Prístup: “menej textu, viac emócií”. To zodpovedá trendu vizuálneho storytellingu

enovis-medtech.eu

Plusy

Web spoločnosti so širokou produktovou líniou. Seriózny korporátny štýl, dôveryhodnosť vďaka rozsahu. Dobrá štruktúra katalógu a vyhľadávanie

Mínusy

Veľmi preťažená hlavná stránka. Mnoho zastaraných dizajnových prvkov (napr. staré ikony). Niektoré sekcie sa otvárajú v nových kartách – mätúce

Zaujímavé poznámky

Web je skôr pre profesionálov a distribútorov než pre koncových používateľov. Obsah miestami pôsobí “úradnícky“

ortema.de

Plusy

Zrozumiteľný katalóg produktov a služieb. Dobré spracovanie ponuky ortéz a chráničov. Jasné kontakty a servisné informácie

Mínusy

Zastaralý dizajn (pôsobí ako web z rokov 2010). Ťažko čitateľné písmo a malá veľkosť fontu. Chýba vizuálne zapojenie (video, animácie, prípadové štúdie)

Zaujímavé poznámky

Web je zameraný skôr na informovanie a podporu existujúcich klientov než na aktívne získavanie nových. Chýba emocionálna zložka

Výsledky analýzy → ciele:

1.Dôraz na vizuálne storytelling, minimum textu;
2.Katalóg s jasnou štruktúrou;
3.Edukačný obsah/FAQ pre zvýšenie NPS a zapojenie;
4.Recenzie pre dôveryhodnosť;
5.Kvalitný responzívny dizajn (mobile-first).

Analýza cieľovej skupiny

Produkt nie je pre rekreačnú jazdu na bicykli po dedine. Je pre profesionálnych športovcov, adrenalínových nadšencov, motokros, zimné či vodné športy. Vek: 20–40.

Na čo klásť dôraz na webe:

Exkluzivita

iba na mieru

Inovácie

najlepšie prvky
konkurencie v jednom

Prémiový imidž

Exkluzívne — ako prvé
halušky sezóny

Video obsah

produkt v akcii

Jednoduchý UI

s originálnymi prvkami

Objednávka