Если бы Стив Джобс думал, что ниша персональных компьютеров уже занята, у нас вряд ли бы появилось несколько поколений Macbook. Если бы производитель самого вожделенного женского фена Dyson был уверен, что для сушки волос уже всё придумано другими людьми, женщины бы не лезли в драку в любые конкурсы, где разыгрывается тот-самый-фен. Если бы создатели Harley Davidson равнялись на других производителей мотоциклов, то вряд ли стали бы легендой.

Потому что, чтобы стать лучшим, нужно нарушать правила и ломать стереотипы. Как это делает Fane Beauty — новый бренд косметики для салонов красоты, который доказывает каждой клеточкой: лучшая продукция для парикмахеров может создаваться в России.

Чтобы раскрыть идею бренда, познакомить с ним потенциальную аудиторию в цифровом пространстве и презентовать продукцию, Fane Beauty требовался сайт. Для скорейшего запуска проекта работу поделили на этапы: сначала — создаем сайт-витрину, позже — делаем полноценный интернет-магазин.

За основу мы взяли цветовую палитру упаковок клиента из гайдбука, но цвета — «докрутили».

На альтернативной версии там, где у нас не хватало моделей упаковки или контента, мы использовали в качестве заглушки контент конкурента, чтобы на примере показать, как работать с изображениями и как фотографировать продукцию под такой концепт.

После демонстрации обеих версий мы получили восторженные отзывы от заказчика. Но в итоге ребята решили сбавить обороты: уменьшить заголовки, добавить цветные плашки и убрать цветные бутылочки. Так финальная версия дизайна стала более пастельной и спокойной. Претерпел изменения и промоблок.

В этом проекте много внимания уделено не только визуалу, но и анимации: по скроллу на протяжении всей главной (и не только) происходит интерактив.

Уже на агрегации требований мы выяснили, что задача с каталогом предстоит нетривиальная. У клиента в планах создать полноценный е-коммерс с карточками товаров, корзиной, оформлением заказа и прочими важными для интернет-магазина штуками.

Но при этом некоторые категории товаров нуждаются в особой презентации — им попросту мало стандартной детальной страницы товара, чтобы отразить все преимущества. Поэтому для таких продуктов нужно было предусмотреть отдельные лендинги, которые в случае необходимости могут служить клиенту как настоящие посадочные страницы для его бизнес-задач. Ещё один нюанс — в некоторых категориях может быть сразу несколько типов товара: например, краска в формате крема и пудры, и для обеих нужен свой лендинг.

Как уместить столь разную подачу информации в одном каталоге? Мы решили: всё, что касается окрашивания — это отдельный мир для парикмахеров, поэтому не должно подчиняться общей структуре каталога и попадать в список товаров. Для этой категории мы предусмотрели разводящую страницу, которая ведет на три отдельных лендинга.

Кроме «каталожных» страниц, мы также собрали в виде отдельного лендинга страницу о компании.

Стандартные страницы каталога — не менее красивые и продуманные. Здесь мы сделали чёткий фильтр в лучших традициях самого хайпового онлайн-магазина косметики «Золотое яблоко»: такой же стильный, такой же удобный (или лучше).

Умный на сайте и поиск — он ищет не только по названиям, но и по текстам привязанных к товару сущностей: его торговых предложений и инструкций.

Пока мы думали над структурой каталога, крутилось колесо SCRUM-разработки с тремя параллельными этапами: за это время разработчики сверстали и собрали главную страницу, формы обратной связи и типовую текстовую страницу для политик конфиденциальности и обработки персональных данных. А заказчик быстро наполнил все страницы контентом, и мы отправили собранное в релиз.

Запуск бренда происходил параллельно с созданием сайта: у заказчика на тот момент не было системы артикулов товара, а этикетки для баночек — только печатались. Поэтому важно было связать товар и страницу на сайте, пока не имея уникального идентификатора товара.

Заказчик заполнял сайт контентом самостоятельно, поэтому по итогу нас ждал сюрприз: вместо белых баночек все товары внезапно оказались с яркими обложками, от которых клиент изначально отказался.