После разработки айдентики для Designers Drama необходимо было перенести характер бренда в digital-среду и создать сайт, на котором можно представить продукцию.
Задача заключалась в разработке современной онлайн-витрины, которая одновременно выполняла бы две функции: знакомила посетителя с эстетикой Designers Drama и позволяла удобно просматривать ассортимент.
Сайт должен был продолжать визуальную систему бренда, но при этом оставаться понятным и функциональным. Важно было не перегрузить интерфейс декоративными приёмами и сохранить фокус на самих товарах, фотографиях, ценах и описаниях.
Также требовалось продумать структуру, которую в дальнейшем можно использовать при расширении ассортимента и запуске новых коллекций.
Я разработал дизайн сайта на основе созданной ранее айдентики Designers Drama, а затем самостоятельно перенёс его в работающий веб-интерфейс.
Сначала я определил структуру проекта и основной пользовательский путь: человек попадает на главную страницу, знакомится с ассортиментом, выбирает интересующий товар и переходит на его отдельную страницу с подробной информацией.
На главной странице я разместил каталог продукции с фотографиями, названиями, стоимостью и информацией о наличии. Товары собраны в лаконичную сетку, благодаря которой пользователь может быстро посмотреть весь ассортимент и выбрать нужную позицию.
Для каждого товара я разработал отдельную страницу, на которой представлены:
— крупные фотографии и дополнительные ракурсы;
— название и категория товара;
— стоимость;
— доступный размер или формат;
— описание и характеристики;
— кнопка добавления товара в корзину.
Также на сайте появился небольшой раздел о бренде, контакты и переходы в социальные сети. За счёт этого сайт работает не только как каталог, но и как самостоятельная точка знакомства с Designers Drama.
При разработке интерфейса я сохранил фирменную типографику, цветовую гамму и характер айдентики, но сделал структуру достаточно спокойной. Это позволило не отвлекать внимание от продукции и одновременно сохранить узнаваемость бренда.
Отдельное внимание я уделил отображению статусов товаров. Позиции, которых нет в наличии, отмечаются непосредственно в каталоге, поэтому пользователь сразу понимает, какие предметы доступны.
В результате был создан и запущен работающий сайт-каталог Designers Drama с главной страницей, ассортиментом и отдельными карточками продукции.
На сайте можно посмотреть товары бренда, узнать их стоимость и наличие, открыть подробное описание, изучить фотографии и добавить выбранную позицию в корзину.
Сайт стал основной digital-витриной проекта. На него можно направлять аудиторию из Telegram, Instagram, рекламных публикаций и других источников, не размещая всю информацию о продукции отдельно в каждом канале.
Визуально сайт продолжает разработанную айдентику, поэтому у пользователя не возникает ощущения, что социальные сети, продукция и веб-площадка относятся к разным проектам. Все точки контакта с брендом выглядят последовательно и поддерживают один характер.
Структура сайта также позволяет развивать его дальше: добавлять новые товары и категории, запускать коллекции, расширять информацию о бренде и подключать дополнительные функции для оформления заказов.
Главным результатом стал не просто концепт интерфейса, а реализованный сайт, на котором можно полноценно представить ассортимент Designers Drama и показать клиенту, как бренд выглядит в реальной digital-среде.