Vizik

Un ochi, trei culori.

Design de produs

Picături de ochi, Vizik
România · portofoliul Zdrovit
Site de prezentare, patru pagini, pe desktop și pe mobil

Trei probleme, trei flacoane

Vizik e o familie de picături de ochi de la Zdrovit, în trei variante. Fiecare poartă numele lucrului pentru care e făcută, cu vorbele site-ului: „alergiilor oculare”, „ochi iritați și roșii”, „ochi uscați și obosiți”.

Cele trei cutii au în comun logoul, flaconul și așezarea în pagină. Problemele la care răspund nu seamănă deloc, iar cine are ochii iritați caută una dintre ele, nu pe toate trei.

Așa că vizik.ro începe cu ochii, nu cu produsul, și îl lasă pe vizitator să spună ce fel de necaz are.

O culoare pentru fiecare problemă

Prima pagină așază trei panouri colorate peste un singur ochi, văzut de foarte aproape: roșu pentru ochii iritați, verde pentru alergii, albastru pentru ochii uscați și obosiți. Două dintre ele vorbesc cu vocea vizitatorului: „Ochii mei sunt…”. Fiecare panou deschide o pagină a lui, construită pe același schelet și îmbrăcată în culoarea lui, de la rândul de sub logo până la subsol, iar meniul fiecărei pagini duce la celelalte două.

3 pagini pe același schelet, câte una pentru fiecare problemă, fiecare în culoarea ei Coboară să vezi mai mult

Treiuși

vizik.ro e un singur ecran. Un ochi îl umple tot, sub trei panouri verticale, roșu, verde și albastru, cu logoul Vizik în alb peste cel din mijloc. Fiecare panou are un rând și un buton „Află mai multe”: „Ochii mei sunt iritați și roșii”, „Împotriva alergiilor oculare”, „Ochii mei sunt uscați și obosiți”. Pe telefon, panourile se așază unul sub altul, câte un ecran fiecare, iar ochiul se vede prin toate trei.

Pagina principală
Pagina de alegere
Design UX/UI

Treipanouri

Panoul roșu pe telefon: logoul Vizik, „Ochii mei sunt iritați și roșii” și un buton „Află mai multe” peste ochi

Panoul verde pe telefon: „Împotriva alergiilor oculare” și un buton „Află mai multe” peste ochi

Panoul albastru pe telefon: „Ochii mei sunt uscați și obosiți” și un buton „Află mai multe” peste ochi

Pe telefon, cele trei panouri vin unul sub altul, câte un ecran fiecare

Acelașischelet

Dincolo de fiecare ușă, aceeași pagină, în altă culoare. Un ochi văzut de aproape arată problema: verde ca polenul pentru alergii, vase roșii pentru iritație, o suprafață crăpată pentru uscăciune. Cutia și flaconul stau lângă un rând în culoarea paginii, deasupra a trei pictograme, „Fără conservanți”, „Sistem steril”, „Utilizare 12 luni de la deschidere”, iar o picătură turcoaz arată în jos, spre structura filmului lacrimal. Urmează afecțiunea, cu simptomele și cauzele într-un acordeon, produsul cu formula lui, ingredientele, modul de utilizare și butonul de comandă.

Pagini de produs
Șablonul paginii
Desktop și mobil
Acordeon

PaginaAllergy

Pagina vizik.ro/alergii-oculare/, derulată: ochiul verde și cutia Vizik Allergy, filmul lacrimal pe albastru închis, afecțiunea, produsul și subsolul verde

Pagina vizik.ro/alergii-oculare/ pe telefon, derulată

Pagina Allergy de la primul ecran până la subsol, pe desktop și pe telefon.

Treiochi

Deschiderea paginii Allergy: un ochi văzut de aproape, cu irisul verde ca polenul, cutia și flaconul Vizik Allergy, „Împotriva alergiilor oculare” în verde și trei pictograme verzi

Deschiderea paginii roșii: un ochi injectat, cutia Vizik pentru ochi iritați și roșii, „Împotriva ochilor iritați și roșii” în roșu și trei pictograme roșii

Deschiderea paginii albastre: un ochi cu suprafața uscată, crăpată, cutia Vizik pentru ochi uscați și obosiți, „Împotriva ochilor uscați și obosiți” în albastru și trei pictograme albastre

Allergy, roșu și albastru: același schelet, trei ochi, trei culori

În interiorulpaginii

Mijlocul fiecărei pagini explică înainte să vândă. Filmul lacrimal primește o secțiune pe albastru închis: de ce contează lacrimile, cele trei straturi ale lui și patru lucruri pe care le face, fiecare cu o pictogramă desenată din linie și o bifă verde. Apoi fiecare produs are o bandă în culoarea lui, cu cutia și flaconul într-o parte și formula cu majuscule mari în cealaltă, de la „Hialuronat de sodiu 0.15%” la „Dexpantenol”, deasupra a patru pictograme. Paginile roșie și albastră mai adaugă o secțiune despre lentilele de contact.

Povestea produsului
Iconițe
Benzile produselor

„Filmul lacrimal servește 4 scopuri importante”: patru pictograme albe cu ochi și bife verzi pe albastru închis și, dedesubt, o bandă verde, „Multe organe pot fi afectate de reacții alergice” — Cele patru roluri ale filmului lacrimal, câte o pictogramă fiecare

Treiformule

Banda Vizik Allergy, în verde: cutia și flaconul, „Hialuronat de sodiu 0.15%, Ectoină 2%” și patru pictograme

Banda roșie: cutia și flaconul Vizik pentru ochi iritați și roșii, „Dexpantenol, Carbomer” și patru pictograme

Banda albastră: cutia și flaconul Vizik pentru ochi uscați și obosiți, „Hialuronat de sodiu 0.15%, Dexpantenol 2%” și patru pictograme

Fiecare produs în culoarea lui, cu formula în majuscule mari

„VIZIK și lentilele de contact”: un paragraf despre lentile, o pictogramă rotundă, roșie, cu o lentilă și o picătură, și o lentilă de contact în apă, în dreapta — Lentilele de contact, pe paginile roșie și albastră

Petelefon

Pe telefon, fiecare pagină își păstrează ordinea. Rândul urcă deasupra ochiului, cele trei pictograme se așază una sub alta, pe dreapta, iar cutia și flaconul stau la baza primului ecran. Cele trei straturi ale filmului lacrimal devin trei cercuri numerotate, unul sub altul.