Makeup artist's portfolio site - Prod. by Лазарев

Introduction:

A portfolio site for a makeup artist from Novosibirsk. I did all of it — from the structure to the markup.

The task wasn’t about the texts but about showing the work: a visitor has to find the type of makeup they need quickly and look at the result up close.

The first screen of the makeup artist's portfolio site: a showcase of her work with a filter by makeup type — The home page: the makeup artist’s showcase of work.

How it went:

The showcase is built around a two-level filter. First you pick a category — makeup, brows and lashes, hairstyling. Once a category is picked, a second row of refining tags opens underneath it, holding only the tags that make sense for that category.

The two-level filter on the makeup artist's work: makeup categories and refining tags underneath — Two levels of filter: the category on top, the refining tags below it.

The makeup artist's showcase filtered by the brows and lashes category — The “brows and lashes” category is selected — the second row shows only the tags that fit.

I laid the work out as tiles of different heights, with no cropping to a common format — the photos aren’t distorted. They load in batches, in both directions.

The makeup artist's work grid: tiles of different heights with no cropping of the photos — The work is laid out as tiles of different heights, with no cropping to a common format.

The makeup artist's work viewer: an enlarged photo on a blurred background with a frame counter — Viewing a piece of work: an enlarged frame on a blurred background, paging and a frame counter.

I wrote the viewer myself: an enlarged photo or video on a blurred background, paging inside a single piece of work, a frame counter. Video in the cards loads only when it is needed, until then a preview sits in its place — a page with a hundred pieces stays light.

The site works in a light and a dark theme — the choice is remembered. There are Russian and English versions.

The home page of the makeup artist's portfolio site in the dark theme — The dark theme: the choice is remembered.

The home page of the makeup artist's portfolio site in English — The English version of the site.

Separately there is an about page with client feedback and a services page with prices and answers to frequent questions.

The about page on the makeup artist's portfolio site with client feedback — The about page with client feedback.

The services page of the makeup artist's portfolio site: the list of services with prices — Services with prices, and answers to frequent questions below them.

The block of buttons leading to messengers on the makeup artist's portfolio site — The buttons lead straight into messengers — there is no lead form on the site.

There is no lead form, and that is a decision rather than an omission: every button leads straight into a messenger, which is where she talks to her clients anyway.