FitSkin — JAV „beauty" kompanija, sukūrusi SkinScanner®: vieną įrenginį, kuris su bet kuriuo išmaniuoju telefonu atlieka dermatologinio lygio odos, spalvos ir plaukų analizę. Technologija pastebėta CNN, ELLE ir Sephora. Sukūriau naują svetainės dizainą — spalvas, tipografiją, komponentus.
Vizualas priklauso FitSkin — sukurtas iš milijonų tikrų odos atspalvių ir būklių, nuskenuotų SkinScanner® įrenginiu.
Situacija
FitSkin sukūrė SkinScanner® — vienintelį dermatologinio lygio sprendimą, veikiantį su bet kuriuo išmaniuoju telefonu. Vienas įrenginys atlieka odos, spalvos ir plaukų analizę: multispektrinė šviesa, 30X priartinimas, drėgmės ir TEWL matavimai. Rezultatus apdoroja SkinScan Pro™ — neuroninis tinklas, apmokytas iš daugiau nei 43 mln. laboratorinio lygio vaizdų. „Dermatologist-grade" — taip technologiją apibūdino Johnson & Johnson. Spauda: CNN, ELLE, Allure.
Įmonė turėjo logotipą ir veikiančią svetainę — tikslas buvo žengti dar toliau: naujas svetainės dizainas, kuris tokio lygio produktą pristatytų dar stipriau ir kurtų pasitikėjimą nuo pirmos sekundės.
Sprendimas
Pirmiausia — ne spalvos, o pozicionavimas. Kas FitSkin yra ir kas nėra? Tai ne masinė beauty platforma — tai tikslumu grįsta B2B/B2C technologija. Ši žinutė tapo visų sprendimų pagrindu.
Sukūriau naują dizaino sistemą: šilta kremų ir žemės tonų paletė, 4 lygių tipografijos hierarchija, komponentų biblioteka Figmoje ir stiliaus gidas komandai. Rezultatas — 6 nuoseklūs puslapiai, kurie kalba vienu balsu ir perteikia produkto vertę nuo pirmos sekundės.
FitSkin sukūrė SkinScanner® — vienas įrenginys dermatologinio lygio odos, spalvos ir plaukų analizei bet kuriame telefone. CNN, ELLE, Sephora. Sukūriau naują svetainės dizainą.
Tikslas
Sukurti naują, modernesnę svetainę, kuri tokio lygio produktą pristatytų vientisai ir dar stipriau — visuose puslapiuose.
Po
Lankytojas mato vientisą, profesionalią sistemą — pasaulio lygio produktas pristatomas jo lygiu. Dar prieš skaitant pirmą sakinį.
Lankytojo smegenys sprendimą apie patikimumą priima greičiau, nei jis perskaito pirmą sakinį. Todėl naujasis dizainas pasitikėjimą kuria dar prieš slenkant žemyn — vizualu, hierarchija ir aiškia žinute.
FitSkin partneriai — Sephora, Walgreens, J&J. Sprendimus priima žmonės, kurie kasdien mato šimtus brendų — vientisas, tvarkingas vizualas čia kalba garsiau už žodžius.
Pirmasis žingsnis nebuvo Figma. Buvo klausimas: kas yra FitSkin ir kas nėra? Ne masinė beauty platforma — tikslumu grįsta B2B/B2C technologija. Tik tada ėjau prie vizualinio sprendimo. Kiekviena spalva, kiekvienas šrifto svoris, kiekvienas komponentas kilo iš šio atsakymo.
Spalvos parinktos iš dviejų šaltinių: logotipo ir pačio produkto esmės. FitSkin logotipas jau turėjo šiltus žemės tonus — sistema tęsia tą kalbą, o ne prieštarauja jai. Antra — oda pati savaime yra žemės atspalvių spektras: šviesesnė, tamsesnė, bet visada šilta. Brendas, kuris analizuoja odą, turi kalbėti odos spalvomis.
Lankytojas per 5 sekundes turi suprasti: kas čia, kodėl svarbu ir kur rasti daugiau. Didelis vizualas, viena stipri antraštė, aiški antrinė žinutė — nieko blaškančio, nieko perteklinio.
Viena iš dažniausių dizaino sistemos klaidų — kurti gražius puslapius, bet ne sistemą. Komanda gauna failus, keičia dalykus, ir po metų niekas nesusiję. Kūriau ne puslapius — kūriau sistemą: auto-layout, variantai, stilių kintamieji. Komanda gali augti be manęs.
#1C130C#7A5C3A#C9A882#F5EDE0Know your skin.
Love your skin.
Outfit 80052–72pxLine-height 1.05SkinScanner® · Dermatologist-Grade Analysis
Outfit 70024–32pxLine-height 1.2Tikslios odos analizės rezultatai tiesiogiai jūsų išmaniajame telefone — be vizito pas dermatologą, be ilgo laukimo.
Inter 40015–17pxLine-height 1.7Beauty · B2B partnership · SkinScanner®
Inter 70010–12px+0.14em spacingSvetainės funkcija — informacinė: lankytojas čia ne perka ir ne užsisako, o susipažįsta su FitSkin technologija. Todėl hero blokas atsako į vieną klausimą: ką lankytojas turi suprasti per pirmąsias 5 sekundes? Kas yra FitSkin → kodėl tai svarbu → kur sužinoti daugiau. Struktūra: didelis vizualas, antraštė, antrinė žinutė. Po jo — technologijos pristatymas, spauda (CNN, ELLE) ir partnerystės. Lankytojas visada žino, kur yra ir ką ras toliau.
FitSkin turėjo ką parodyti — pasaulio lygio žiniasklaida jau buvo pastebėjusi. Naujoje sistemoje spauda matoma nuo pirmo puslapio ir formuoja teisingą klausimą lankytojo galvoje: „Jei CNN tai rašo — turbūt verta pasižiūrėti atidžiau."
Technologijos pristatymas — laboratorinio lygio odos analizė tiesiog išmaniajame telefone.
Įtraukta į geriausių beauty tech įrankių sąrašą — redakcinis pasirinkimas.
Apdovanota „Best of Beauty Tech" — viena prestižiškiausių kategorijų.
Strateginė partnerystė — SkinScanner® prieinamas Sephora platformoje.
Integruota į didžiausio JAV vaistinių tinklo skaitmeninę ekosistemą.
„Dermatologist-grade" — taip FitSkin technologiją apibūdino Johnson & Johnson. Įrodymas, kad B2B strategija veikia.
Spalvų paletė, tipografijos hierarchija, tarpų sistema — dokumentuota su konkrečiomis naudojimo taisyklėmis. Ne „gražu atrodo" — o „čia aiškiai parodyta, kaip naudoti".
Mygtukai, kortelės, navigacija, hero blokai, naujienos, komandos profiliai — visi su variantais ir auto-layout. Komanda gali kurti naujus materialus be papildomų klausimų.
Pagrindinis, apdovanojimai ir spauda, komanda, komandos nario profilis, naujienos, kontaktai. Kiekvienas su tiksliu tinkleliu, responsyvia adaptacija ir aiškia turinio struktūra.
Dokumentas komandai: kas leistina, kas draudžiama, kaip naudoti sistemą naujose situacijose. Kad net naujas komandos narys nesugadintų brendingo.
Kiekvienas puslapis sukurtas su aiškia lankytojo kelione: susidomėjimas → supratimas → reikiama informacija. Lankytojas visada randa, ko atėjo.
Dabar bet kuris lankytojas — tiek pirkėjas, tiek potencialus B2B partneris — mato: čia rimta, pasaulinio lygio kompanija. Dar prieš skaitant nė vieno žodžio.
Sukursiu vizualinę sistemą, kuri iš pirmo žvilgsnio perteikia jūsų produkto vertę — tiksliai ir be triukšmo.
Susisiekite →