01
Klinička jasnoća, bez kliničkog utiska
Na prvi pogled — premium potrošački brend, a čim počnete da istražujete — healthcare sajt. Skandinavska smirenost, magenta akcenat, nikad sterilno.
Studija slučaja · 2020 — aktuelno
Vizija jasnoće
u digitalnoj trgovini.
Ono što je počelo kao elegantan online prodavac za brend sočiva jednog stokholmskog farmaceuta, preraslo je u kompletan digitalni ekosistem. Pet godina kasnije, Clearlii prodaje u 900+ nordijskih apoteka, vodi B2B portal za optičare i klinike, te isporučuje klinički katalog sa jedne ReadyCMS instalacije — tihi, premium e-commerce motor u Clearlii magentu i breskvi.
Brend-usklađen veb
ReadyCMS
B2B portal
Healthcare e-commerce
Više tržišta
Klijent
Clearlii AB · Stokholm
Kategorija
Premium kontaktna sočiva · Healthcare e-commerce
Tržišta
Švedska · Norveška · Finska
Stack
ReadyCMS · B2B portal · Logistika apoteka
01 · Brief
Premium brend sočiva zamolio nas je da briga o vidu online deluje jednako prirodno kao i na polici.
Clearlii je 2017. prebrändovan iz Apotekslinsen — linije basic proizvoda s apotečke police — u premium nordijsku etiketu za negu vida. Maloprodajni proizvod bio je jak: sočiva od silikonskog hidrogela s visokim procentom kiseonika, zaobljeni rubovi za udobnost, UVA/UVB zaštita, formule obogaćene vitaminima u profesionalnoj seriji. Brend nije bio.
Dovedeni smo kao digitalni partner da uradimo dve stvari zaredom. Prvo, da potrošačkom sajtu damo istu jasnoću kakvu ima proizvod — čist, premium storefront na ReadyCMS koji može da nosi fotografiju, edukaciju i pravi katalog, a da ne izgleda kao apoteka. Zatim, 2024. godine, da isti brend otvorimo za veleprodaju: optičari, klinike i lanci apoteka koji vrše grupne porudžbine s desktopa, po nivoima cena, sa sopstvenim fakturama i praćenjem pošiljki.
Clearlii je poznat po fokusu na jasnoću, udobnost i inovaciju — brend koji je porastao s lokalnih apotečkih polica u snažno online prisustvo.
02 · Ciljevi
Izgraditi healthcare brend online koji optičari poštuju, a kupci zaista žele da koriste.
02
Jedan katalog, dve publike
Maloprodaja (dnevna, mesečna sočiva, rastvori) i Profesionalna serija (obogaćena vitaminima, torična, multifokal) koegzistiraju pod jednim brendom, bez zbunjivanja kupaca koji kupuju po prvi put.
03
B2B bez druge izgradnje
Kad su se 2024. pridružili optičari i klinike, dobili su partner portal — prijava, nivoi cena, kontrolne table, logistika — na istoj ReadyCMS instalaciji. Bez drugog front-enda.
04
Dizajnirano za kontinuirani rast
Nordic-ready od prvog dana. Tri tržišta pri lansiranju, API-first arhitektura kako bi ERP, CRM i logistika apoteka mogli da se priključe kako veleprodajna strana raste prema Evropi.
03 · Šta smo isporučili
Osam tokova rada, jedan kontinuirani petogodišnji razvoj.
01
Brend-usklađen storefront
Početna stranica, kolekcije proizvoda, pojedinačni proizvod, stranice tehnologije sočiva i lokator apoteka — postavljeni kao editorijalni sajt o proizvodu, a ne kao apotečki katalog.
02
Hub inovacije i udobnosti
Šest revolucionarnih inovacija predstavljeno kao vođena tura — obogaćena vitaminima, ovlažujuća, UV zaštita, Soft comfort dizajn, Silicone hydrogel, klinička performansa.
03
Lokator apoteka
Živá nordijska mapa sa 900+ apoteka i 90+ optičara plotovanih iz Clearlii partner-fida — 'Pronađi apoteku' CTA koji sidri svaku stranicu.
04
Clari · AI konkjierž
Prijatan Q&A sloj za kupce — „pronađi savršena sočiva, preuzmi specifikacije, lociraj apoteku. Šest primera pitanja pokreće prvi razgovor.
05
Video studio „In the frame
Šest video kartica za sadržaj iza scene, savete za nošenje i priče o održivosti — povezano s newsletter prijavom i Clearlii YouTube kanalom.
06
B2B partner portal
Sigurna partner prijava, nivoi veleprodajnih cena, partner kontrolne table (istorija narudžbina, fakture, praćenje pošiljki), više valuta, automatizovana logistika — sve na ReadyCMS.
07
ReadyCMS implementacija
Prilagođeni blokovi po predlošku kako bi in-house tim ponovo snimao, fotografisao i objavljivao bez programera. Ista instalacija vodi B2C i B2B paralelno.
08
Više tržišta i jezika
Tri nordijska tržišta aktivna (SE / NO / FI) s lokalnom valutom, tekstom i podacima apoteka. Platforma je izgrađena API-first za buduće EU ekspanzije.
04 · Znak
Brand znak oko kojeg smo gradili — dat da diše na svakoj površini.
Clearlii wordmark — meko zaobljeni geometrijski lowercase s malim pečatom sočiva i tačke na ii — brändov je sopstveni asset, postavljen mnogo pre nego što smo mi izgradili sajt. Naš zadatak bio je da mu damo prostor koji mu treba: 76-pikselni cream navbar lockup na svakoj stranici, dark-mode tretman za B2B portal i tiša editorijalna upotreba na breskva-i-roze pločama. Magenta je zadržana za logo, CTA-ove i najsnažnije editorijalne momente.
Clearlii wordmark · navbar lockup · brand asset Clearliija
Primarno · Na kremu
Editorijalno · Na breskvi
Inverzno · Na tamnoplavoj
Na brand magenti
05 · Paleta
Paleta izvučena iz wordmarka, jutarnje breskve i mornarskog koja radi dugmad.
Magenta #7A2A8C preuzeta je iz Clearlii wordmarka — jedino mesto gde brend koristi hromu u punoj snazi. Breskva #FFE0CE i roze #F8C8DC čine meke sjaje koji stoje iza svakog heroja. Gotovo crni mornarsko-plavi nosi primarne CTA-ove i dark mode B2B portala. Krema i bledo bela čine ostatak; telo je postavljeno u toplo tamnom mastilu, nikad čisto crnom.
Clearlii magenta#7A2A8C
Ink mornarsko-plava#1B1B2E
Jutarnja breskva#FFE0CE
Meka roze#F8C8DC
Krema#FCFAF7
Editorijalna šljiva#3A1646
06 · Tipografija
Teški display sans za naslove, radni konj za sve ostalo.
Display sedi u Bricolage Grotesque — postavljen teško i zbijeno, iste vibracije kao i live sajt. Body sedi u Manrope, postavljenom široko. Obrve i mali labeli žive u 12-px tracked sansu. Tri debljine rade gotovo sve; fotografiji i magenta akcentu prepuštamo ostatak.
Display · Bricolage Grotesque
Jasnoća.
Udobnost na koju možete računati.
Body · Manrope
Premium kontaktna sočiva dizajnirana za dugotrajnu udobnost, zdravo nošenje i svakodnevnu jasnoću — skandinavska jednostavnost susreće naprednu tehnologiju sočiva, u 900+ apoteka širom Nordika.
UI labela · Manrope · 12 / 0.22em
POČETNA · PROIZVODI · INOVACIJA · RESURSI · KOMPANIJA
07 · Proces
Pet godina, tri izdanja.
Saradnja nije jedno lansiranje — to su tri zasebna razvoja naslagana na istom brendu i istoj platformi. Svaki je otvorio novu publiku, a da nije poremetio prethodnu.
01
2020 — 21
Storefront na ReadyCMS
Prvo lansiranje Clearlii sajta — premium B2C katalog, predlošci za pojedinačne proizvode, lokator apoteka, edukacija o brendu. Zamenio je legacy sajt koji je još uvek izgledao kao Apotekslinsen.
02
2022 — 23
Dubina brenda i sadržaja
Nove inovacijske stranice (šest proboja), profesionalna serija odvojena od maloprodaje, pokrenut video studio, povezivanje newslettera i YouTube-a. Sajt prestaje da bude radnja i postaje brand world.
03
2024
B2B portal ide u produkciju
Sigurna partner prijava, nivoi cena, partner kontrolne table, automatizovana logistika. Optičari, klinike i lanci apoteka prelaze s prodajnih mejlova na self-serve veleprodajni portal — na istoj instalaciji.
04
2025 — 26
Sledeći sajt na horizontu
Novi dizajn sistem u izradi (vizuali prikazani u ovoj studiji slučaja), Clari AI konkjierž, in-the-frame video, dubinska istraživanja proizvoda obogaćenih vitaminima. Kontinuirani odnos bez re-platformisanja.
08 · Ekrani
Novi Clearlii, na ekranu.
Šest zaključanih umetnina sidri sledeće izdanje. Početna stranica nosi brand obećanje, stranica proizvoda prodaje katalog, inovacija i vitamini idu duboko u nauku, video drži kanal toplim, a Clari — AI konkjierž — otvara novu liniju razgovora direktno s početne stranice.
Ekran 01
Početna
„Udobnost na koju možete računati, od zore do sumraka. Magenta CTA, breskva hero glow, sočivo u lebdenju, Apotek i farmaceutski partneri ispod. Brand obećanje rečeno u jednom skrolu.
Ekran 02
Proizvodi
Dve kolekcije pod jednom policom — Maloprodaja (dnevna, mesečna, Linsvätska) i Profesionalna (Daily Advanced, Vitamin Toric, Vitamin, Monthly Advanced). Tabela poređenja ključnih funkcija zatvara stranicu.
Ekran 03
Inovacija i udobnost
Šest proboja kao accordion lista — obogaćena vitaminima, ovlažujuća (hijaluronska kiselina), UV zaštita, Soft-comfort dizajn, Silicone hydrogel, klinička performansa — sa 3-minutnim R&D videom ispod.
Ekran 04
Obogaćeno vitaminima
Priča o vitaminu E, u celosti: kompleks sa sporim otpuštanjem, objašnjenje mikro-enkapsulacije, smirivanje / antioksidantna zaštita / trajna udobnost, i tri dubinska članka za kliničare.
Ekran 05
Clari · AI konkjierž
„Zdravo, ja sam Clari, imate li pitanja za mene? Šest seed-ovanih upita, jedan veliki unos, humanizovano lice podrške koje ne pretvara da je doktor.
Ekran 06
In the frame · video
Šest video kartica za sadržaj iza scene, savete za nošenje i priče o održivosti. Newsletter prijava i CTA „idi na YouTube zatvaraju stranicu.
09 · B2B portal
Jedna instalacija, dva ulaza.
2024. otvorili smo druga vrata na istoj ReadyCMS instanci. Iza sigurne partner prijave, optičari, klinike i lanci apoteka vide svoje cene, svoje kontrolne table, svoju logistiku — a da Clearlii ne vodi drugi sajt, drugi tim ili drugu blagajnu. Marketing sajt i B2B portal dele backend, brend i ciklus izdavanja.
B2C · clearlii.com
Premium potrošački storefront
Maloprodajni katalog, lokator apoteka, edukacija o brendu, newsletter, video studio. Magenta CTA-ovi, breskva gradijenti, fotografija na prvom mestu. Lice koje Clearlii pokazuje javnosti.
- Maloprodajna kolekcija
- Pojedinačni proizvod + specifikacije
- Lokator 900+ apoteka
- Clari AI konkjierž
B2B · partner portal
Self-serve veleprodajni radni prostor
Sigurna partner prijava, prilagođeni nivoi cena, partner kontrolne table (istorija narudžbina, fakture, praćenje pošiljki), više valuta i lokalna plaćanja, automatizovana logistika.
- Verifikovana partner prijava
- Volumen + cene specifične za partnera
- Fakture + kontrolne table za ponovne narudžbine
- Više valuta, automatizovana logistika
B2B partner kontrolna tabla
Dobrodošli nazad, Synsam Östermalm
Nova narudžbina
Ponovi poslednju
Otvorene narudžbine
3
U produkciji
Fakture na čekanju
€ 2 480
Net 30
Partner nivo
Nivo 3
−18% na volumen
Sledeća narudžbina
12 jun
Daily Advanced × 240
Narudžbina
Proizvod
Kom.
Status
Ukupno
#CL-04419
Clearlii Daily Advanced · 30 komada
120
Isporučeno
€ 1 080
#CL-04401
Clearlii Vitamin Toric · 30 komada
60
U tranzitu
€ 720
#CL-04388
Clearlii Monthly Advanced · 6 komada
40
Obrada
€ 380
#CL-04372
Clearlii Vitamin · 30 komada
90
Fakturisano
€ 920
B2B partner portal · ReadyCMS · aktivno od 2024.
10 · Izgradnja
ReadyCMS ispod, brend na vrhu.
Jedna ReadyCMS instalacija vodi i potrošački storefront i B2B portal. Prilagođeni blokovi po sekcijama tako da Clearlii tim ponovo snima, fotografiše i objavljuje bez programera. API-first od početka, kako bi ERP, CRM i logistika apoteka mogli da se priključe dok veleprodajna strana raste.
ReadyCMS
Prilagođena tema. Blok predlošci za hero, kolekciju proizvoda, tabelu poređenja, inovacijski accordion, video studio, partner kontrolnu tablu.
B2B portal
Sigurna partner prijava. Prilagođeni nivoi cena, popusti specifični za partnera. Istorija narudžbina, fakture, praćenje pošiljki po partneru.
Logistika
Automatizovano generisanje i praćenje pošiljki. Integracije s lancima apoteka u Švedskoj, Norveškoj i Finskoj.
Plaćanja
Više valuta, lokalni načini plaćanja po nordijskom tržištu — pripremljeno za dodavanje novih valuta kako brend raste van Nordika.
API-first
Storefront i portal konzumiraju iste API-ove za proizvode, cene i zalihe. ERP i CRM su u redu kao integracije sledeće faze.
Performanse
Teška fotografija proizvoda kompresovana, lazy-loadovana, responzivna na desktopu i mobilnom uređaju. Izgrađeno da Core Web Vitals ostanu zeleni u skaliranju.
11 · Gde smo
Maloprodajni sajt isporučen. B2B portal aktivan. Sledeći sajt u build pipeline-u.
Clearlii je kontinuirani odnos, ne projekat sa jednim lansiranjem. Maloprodajni sajt je isporučen, B2B portal je aktivan, sledeći dizajn sistem (ekrani gore) je u build pipeline-u. Brojevi ispod su snapshot koji smo napravili za ovu studiju slučaja.
900+
nordijskih apoteka
Clearlii se nalazi na polici i u lokatoru u više od 900 apoteka u Švedskoj, Norveškoj i Finskoj.
90+
partner optičara
Nezavisni optičari i klinike prijavljeni na B2B portal za veleprodajne narudžbine po nivoima.
5+
godina kao digitalni partner
Creative Brackets je Clearliijev digitalni partner od kada je rebrendovanje iz Apotekslinsen uzelo maha — tri sajta, dve publike, jedan tim.
3
nordijska tržišta aktivna
Švedska, Norveška i Finska rade na jednoj ReadyCMS instalaciji, s lokalnim cenama, tekstom i podacima apoteka po tržištu.
Nordijski otisak
Tri tržišta aktivna, 900+ apoteka, rast prema Evropi.
Švedska, Norveška i Finska svaka radi na lokalnim cenama, lokalnom tekstu i lokalnom feed-u apoteka iz jedne ReadyCMS instalacije. Sledeća tržišta su u redu iza jedne promene postavki, ne re-platformisanja — arhitektura je API-first po dizajnu.
Za kraj
Premium brend sočiva, opremljen digitalnom infrastrukturom koja mu je bila potrebna za rast.
Brend-usklađen storefront, B2B partner portal, lokator apoteka, video studio, AI konkjierž — sve na jednoj ReadyCMS instalaciji, sve isporučeno u kontinuiranom petogodišnjem partnerstvu. Sledeći sajt je u pipeline-u.
UX i vizuelni dizajn
Brend-usklađen veb
ReadyCMS razvoj
B2B portal
eCommerce integracije
Logistička integracija
Lansiranje na više tržišta
Kontinuirana podrška
Servisi koji su to omogućili
Više sličnih radova
Pregledajte showcases
Projekat · eCommerce · Društvene mreže · SEO
Gume Srbija — prodavnica guma koja se izdvaja u moru sličnih ponuda
Studija slučaja · Web dizajn · WordPress · WooCommerce
DrinkZEO — bezalkoholno piće sa karakterom i ozbiljnošću premium destilata
Studija slučaja · eCommerce · Fotografija · ReadyCMS
Tinkture i Melemi — biljna apoteka koja konačno odiše prirodnošću svojih proizvoda
Share
sa prijateljima