OchiSan

Comfort for the eyelids.

Product Design

Eyelid ointment, OchiSan
Romania · Zdrovit portfolio
Product site, desktop and mobile

Two conditions that look alike

OchiSan is a medical device from Zdrovit: an ointment for the eyelids that, in the site's words, “nu conține conservanți”. The site says what it is for: it “ajută la ameliorarea simptomelor precum mâncărimea pielii pleoapelor, durerea și inflamarea acestora legate de apariția orjeletului extern și a șalazionului”.

The two look alike. The site gives the stye its everyday name, ulcior, and warns that a stye can turn into a chalazion if the infection lasts.

So the page explains both conditions before it shows the tube.

Rounded tiles, lilac and white

The page is built from rounded tiles, like the logo: some filled in lilac, some outlined in a thin line, the photos cut to the same corners. The stye gets its own block, then its causes, its two kinds and a warning, then the chalazion in the same system. Only then come the tube, its three ingredients and three drawn steps for using it.

3 drawn steps for using the ointment, one tile each, from cleaning the eyelid to the direction of the massage Drop for more

Twoconditions

A lilac bar holds the menu: Orjelet, Șalazion, OchiSan®, Comandă, Contact. The hero is a grid of rounded tiles, a plain lilac one, a blue eye, two faces split down the middle and the OCHI SAN logo, beside the line “Pentru confortul ochilor tăi”. A drawn woman rubbing her eye opens the explanation. Then “ORJELET” in large white capitals over a photo of a stye, its causes, its two kinds, Extern and Intern, and a warning with a large exclamation mark. “ȘALAZION” follows in the same tiles.

Product site
UX/UI design
Desktop and mobile
Navigation

Theproduct site

The ochisan.ro page on a phone, scrolling

ochisan.ro from the first screen to the footer, on desktop and phone.

Section bysection

ORJELET in large white capitals over a photo of an eye with a stye on the lower lid, beside three rounded text tiles, one filled in lilac

ȘALAZION in large white capitals over a photo of a closed eyelid, three text tiles on the left and three more below, Extern among them

The stye and the chalazion, in the same rounded tiles

Theointment

The product, the way the site brings it in. A full-width lilac band sets the OchiSan box beside its description and a “Cumpără” button. “Formula inovatoare a trei ingrediente conținute în unguent” shows each ingredient in a photo tile with a lilac label: ulei de Manuka, miere de Manuka, extract uleios organic de scorțișoară. “Instrucțiuni de utilizare” draws the use in three numbered tiles, a woman in fine line in each: cleaning the eyelid, a little ointment, and the direction of the massage.

Product band
Ingredients
Illustrated instructions

A lilac band with the OchiSan box, unguent pentru utilizare pe pleoape, fără conservanți, the product text and a Cumpără button — The box, on a lilac band of its own

Formula inovatoare a trei ingrediente: three rounded photo tiles, Manuka flowers, a honey dipper over a jar of Manuka honey and cinnamon sticks, each with a lilac label — Three ingredients, three photo tiles

Instrucțiuni de utilizare: three numbered outlined tiles, each with a line drawing of a woman's face, cleaning the eyelid, applying the ointment and the direction of the massage — Three steps, drawn in a fine line

On aphone

On a phone the menu folds into a lilac bar with one icon, and the tile grid of the hero sits above the line. Each condition becomes a column of tiles, the Extern and Intern cards show a photo of each kind, and the three steps stack in their outlined tiles.