Разработка интернет-магазина для бренда OtherWhite

Как мы создали минималистичный e-commerce с конструктором индивидуальной палитры

Сайт: otherwhite.com

О клиенте OtherWhite

OtherWhite — производитель современных материалов для художников и творчества. Бренд объединяет функциональный и эстетичный дизайн с бережным отношением к окружающей среде.

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

Задача

Задача и особенности проекта

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

Необходимый функционал сайта

Все функции интернет-магазина (каталог, корзина, оформление заказа)
Конструктор пластиковой палитры (выбор цвета короба, наполнение набора кюветами разного размера)

Интернет-магазиндля творческого бренда

Решение

Создали интернет-магазин вокруг продукта и эстетики бренда

Мы провели полный цикл разработки сайта и его мобильной версии: от аналитики, разработки ТЗ и прототипирования до разработки дизайна, верстки и программирования.

Общая дизайн-концепция сайта

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

Главная страница

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

Каталог

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

Конструктор палитры

Конструктор палитры предлагает подбор в два этапа:

Выбор цвета короба. На данном этапе пользователь может выбрать необходимый цвет короба палитры.

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