Направление

E-commerce
Beauty

О клиенте

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

Задача

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

Основные требования:

— Передать позиционирование бренда: натуральная косметика для активного образа жизни

— Показать продукты не только как косметику, но как часть ежедневного ритуала ухода

— Сделать визуально выразительный сайт в стилистике брендбука

— Продумать удобную структуру для каталога, продуктовых страниц, блога и раздела ингредиентов

— Реализовать административную панель на WordPress

— Подключить WooCommerce для управления товарами

— Предусмотреть возможность добавления новых продуктов, статей и ингредиентов

— Подготовить адаптивные версии для разных устройств

Решение

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

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

Решение

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

Решение

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

В результате остановились на концепции с видео, созданным с помощью AI-инструментов: модель взаимодействует с продуктом BONTEK, а сам продукт сразу становится частью живого визуального сценария. Такой подход позволил сделать первый экран более эмоциональным, динамичным и запоминающимся.

Решение

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

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

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

Решение

После утверждения дизайна выполнили вёрстку сайта и разработали административную часть на WordPress. Для управления товарами подключили WooCommerce, чтобы команда клиента могла самостоятельно добавлять и редактировать продукцию, описания, изображения, характеристики и другие данные. Также была предусмотрена возможность наполнения блога и раздела ингредиентов. Это важно для развития сайта: по мере появления новых продуктов, активных компонентов и экспертных материалов команда BONTEK сможет обновлять контент без обращения к разработчикам.

Результат

— Создан современный сайт для косметического бренда BONTEK, который сочетает презентационную, продуктовую и контентную функции

— Сайт отражает позиционирование бренда: натуральная эффективная косметика для людей в движении

— Первый экран получил выразительную видеоподачу с продуктом бренда, созданную с помощью AI-инструментов

— Для сайта подготовлены AI-визуалы, которые заменили отсутствующую фотосессию и помогли сформировать цельный брендовый образ

— Разработаны дизайн-макеты страниц, адаптивные версии и дизайн-система

— Реализована административная панель на WordPress
— Подключён WooCommerce для управления каталогом товаров


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