Клиент
Компания «Estente» владеет собственным мебельным производством и выполняет мебель на заказ по индивидуальным размерам. «Estente» создают красивую, удобную мебель высокого качества и продают её потребителю по доступным ценам прямо из цеха. До недавнего времени владелец предприятия выполнял продажи своих товаров только на маркетплейсах. Затем принял решение расширять бизнес и для этой цели ему понадобился интернет-магазин.
Смотрите услугу:
Интернет-магазинЗадача
К нам обратился менеджер данного проекта с задачей разработать дизайн будущего сайта по готовой структуре. Анализ рынка, конкурентов и портрет целевой аудитории были готовы. Необходимо было изучить информацию, а также советы SEO специалиста и на основании вышеперечисленного и пожеланий заказчика выполнить дизайн.
Процесс работы:
1. Обсудили детали
В телефонном режиме мы обсудили детали проекта и узнали пожелания к дизайну. Необходимо было выполнить дизайн в минималистичном стиле, спокойных оттенках, но с применением одного-двух акцентных цветов. Также, необходимо было разработать удобное для пользователей меню и индивидуальные иконки для товаров из каталога.
2. Выполнили прототипы страниц
Во время работы над прототипом мы определили какая структура в каталоге будет удобна пользователям и интуитивно понятна. В этом нам помог анализ конкурентов. Нашли решение для того, как расположить фильтры и сортировку товаров.
Определили какую информацию о товаре показывать пользователям в каталоге товаров сразу, а что скрыть и показывать лишь при наведении на товар. Данное решение позволило сделать акцент на товаре и цене.
Думаем, многие согласятся, что выбирая мебель в своё жилье, мы в первую очередь акцентируем внимание на внешнем виде и цене. А уже после, если какой-то товар нас привлек и подошла цена, интересуемся подойдет ли он нам по размеру и кладем в корзину.
3. Дизайн
Далее подбирали шрифт и цветовые сочетания, которые понравятся заказчику. Посчитали, что удобным для пользователей, легко читаемым и аккуратным шрифтом будет Inter.
В выборе цветовой гаммы отталкивались от поставленной задачи:
- сайт должен выглядеть лаконично и минималистично;
- целевая аудитория смешанная, покупателями могут быть и женщины, и мужчины.
Получается, сайт должен подходить мужчинам и женщинам разных возрастов.
Оттенки, которые были выбраны для подчёркивания акцентных моментов на сайте (оранжевый и жёлтый) являются нейтральными и гармонично сочетаются с чёрным и серым, которые станут основными оттенками на сайте.
Для того, чтобы упростить пользователю выбор необходимой категории товаров — каждой категории нарисовали индивидуальную иконку.
Так иконки выглядят на странице каталога:
Выполнили дизайн меню. Сравнивали несколько вариантов дизайна шапки в процессе работы. Выбор пал на самый нижний вариант на фото.
Задизайнили меню второго и третьего уровней.
Выполнили дизайн главной страницы и внутренних страниц сайта: о компании, производстве, материалах.
Немного покреативили с изображениями, чтобы привлечь внимание пользователя к услугам по изготовлению мебели на заказ и изменению стандартных размеров.
Выполнили иллюстрацию, которая подчеркнёт преимущество клиента о доставке от Владивостока до Калининграда. И разместили её в подвале сайта.
На странице о компании дали возможность пользователям кликнуть на понравившийся предмет мебели на фотографии и попасть в карточку товара.
Выполнили страницу, где подробно рассказывается о том, как легко и просто клиент может изменить стандартные размеры мебели по индивидуальному заказу.
И показали на этой страничке примеры подобных решений в формате было/стало.
Выполнили дизайн страниц, на которых пользователь может найти всю необходимую информацию о том, как сделать заказ мебели по индивидуальному размеру или заказать мебель для своего бизнеса.
При выполнении дизайна карточки товара, важно было разместить много полезной информации о товаре на странице (например: код товара, его цвет, наличие, цену, скидку, отзывы на товар, информацию о доставке, рассрочке, характеристики товара, его описание и информацию об упаковке) и при этом не перегрузить пользователя. Сделать так, чтобы всё легко и без лишних трудностей считывалось.
Поработали над внешним видом всплывающих окон.
И выполнили дизайн страницы оформления заказа.
Итоги:
Клиент получил дизайн десктопной и мобильной версии всех страниц, которые были готовы к вёрстке. Мы попали в его ожидания по дизайну и уложились в поставленные сроки.