RO ← Cromatic Studios

Vizik

One eye, three colours.

  • Eye drops, Vizik
  • Romania · Zdrovit portfolio
  • Product site, four pages, desktop and mobile
vizik.ro in a browser window: one eye under three colour panels, red, green and blue, each with its line and an Află mai multe button; on a phone, the Vizik Allergy page with a green eye, the box and the bottle

Three problems, three bottles

Vizik is a family of eye drops from Zdrovit, in three versions. Each one is named for what it is for, in the site's words: “alergiilor oculare”, “ochi iritați și roșii”, “ochi uscați și obosiți”.

The three boxes share a logo, a bottle and a layout. The problems they answer do not, and someone with sore eyes is looking for one of them, not for all three.

So vizik.ro starts with the eyes, not the product, and lets the visitor say which kind of trouble they have.

A colour for each problem

The home page lays three colour panels over one close-up of an eye: red for irritated, green for allergies, blue for dry and tired. Two of them speak in the visitor's voice, “Ochii mei sunt…”. Each panel opens a page of its own, built on the same frame and dressed in its colour, from the line under the logo to the footer, and each page's menu links to the other two.

3 pages on one frame, one per problem, each in its own colour Drop for more
Threedoors

vizik.ro is a single screen. One eye fills it, under three vertical panels in red, green and blue, with the Vizik logo in white over the middle one. Each panel carries a line and an “Află mai multe” button: “Ochii mei sunt iritați și roșii”, “Împotriva alergiilor oculare”, “Ochii mei sunt uscați și obosiți”. On a phone the panels stack, one screen each, and the eye shows through all three.

  • Home page
  • Chooser
  • UX/UI design
The vizik.ro home page: one close-up eye under three panels, red, green and blue, the Vizik logo in white, and a line and an Află mai multe button on each panel
The home page: pick a colour, pick a problem

Threepanels

The red panel on a phone: the Vizik logo, Ochii mei sunt iritați și roșii and an Află mai multe button over the eye
The green panel on a phone: Împotriva alergiilor oculare and an Află mai multe button over the eye
The blue panel on a phone: Ochii mei sunt uscați și obosiți and an Află mai multe button over the eye
On a phone the three panels stack, one screen each
Oneframe

Behind each door, the same page in a different colour. A close-up eye sets the problem: pollen-green for allergies, red veins for irritation, a cracked surface for dryness. The box and the bottle stand beside a line in the page's colour, over three icons, “Fără conservanți”, “Sistem steril”, “Utilizare 12 luni de la deschidere”, and a turquoise drop points down to the structure of the tear film. Then the condition, its symptoms and causes in an accordion, the product with its formula, the ingredients, the directions and the order button.

  • Product pages
  • Page template
  • Desktop and mobile
  • Accordion

TheAllergy page

The vizik.ro/alergii-oculare/ page, scrolling: the green eye and the Vizik Allergy box, the tear film on dark blue, the condition, the product and the green footer
The vizik.ro/alergii-oculare/ page on a phone, scrolling
The Allergy page from the first screen to the footer, on desktop and phone.

Threeeyes

The Allergy page hero: a close-up eye with a green, pollen-like iris, the Vizik Allergy box and bottle, Împotriva alergiilor oculare in green and three green icons
The red page hero: a bloodshot eye, the Vizik box for irritated and red eyes, Împotriva ochilor iritați și roșii in red and three red icons
The blue page hero: an eye with a cracked, dry surface, the Vizik box for dry and tired eyes, Împotriva ochilor uscați și obosiți in blue and three blue icons
Allergy, red and blue: one frame, three eyes, three colours
Inside apage

The middle of each page explains before it sells. The tear film gets a dark blue section: why tears matter, its three layers, and four things it does, each with a line icon and a green tick. Then each product has a band in its own colour, with the box and bottle on one side and the formula in large capitals on the other, from “Hialuronat de sodiu 0.15%” to “Dexpantenol”, over four icons. The red and blue pages add a section on contact lenses.

  • Product story
  • Icons
  • Product bands
Filmul lacrimal servește 4 scopuri importante: four white eye icons with green ticks on dark blue, and a green band below, Multe organe pot fi afectate de reacții alergice
The tear film's four jobs, one icon each

Threeformulas

The Vizik Allergy band in green: the box and bottle, Hialuronat de sodiu 0.15%, Ectoină 2% and four icons
The red band: the Vizik box and bottle for irritated and red eyes, Dexpantenol, Carbomer and four icons
The blue band: the Vizik box and bottle for dry and tired eyes, Hialuronat de sodiu 0.15%, Dexpantenol 2% and four icons
Each product in its own colour, its formula in large capitals
VIZIK și lentilele de contact: a paragraph on contact lenses, a red round icon of a lens and a drop, and a contact lens in water on the right
Contact lenses, on the red and blue pages
On aphone

On a phone each page keeps its order. The line moves above the eye, the three icons line up down the right-hand side, and the box and bottle sit at the bottom of the first screen. The tear film's three layers stack as three numbered circles, one under another.

  • Mobile layout
  • One column

Fourscreens

The Allergy page on a phone: the Vizik logo, Împotriva alergiilor oculare, the green eye, the box, the bottle and three icons
Cele 3 straturi ale filmului lacrimal on a phone: three numbered circles on blue, each with a line
The red page on a phone: the Vizik logo, Împotriva ochilor iritați și roșii, the bloodshot eye, the box, the bottle and three icons
The blue page on a phone: the Vizik logo, Împotriva ochilor uscați și obosiți, the dry eye, the box, the bottle and three icons
Allergy, the tear film, red and blue, at 390 px wide

One eye, three colours: you pick the page by how your eyes feel, and every page keeps its colour to the footer.

Medical Avenue

On the same street

AltiusAltiusMedicalElithiaElithiaMedicalClinica SanteClinica SanteClinic · Brand · FilmThe Aesthetic CourtThe Aesthetic CourtWebsite · UX · UIToskani MEDToskani MEDBrand strategy · Packaging · Barcelona
Healthcare, clinic & pharma branding

Cromatic Air · Now boarding

Ready to fly, already?

Complete your boarding pass in a minute. We'll be in touch within a day.

Begin boarding