8 (960) 48 112 45 info@webnazarevichi.ru

Дизайн для интернет-магазина мебельного производства в Иваново

Тип сайта:

Интернет-магазин

Дата разработки:

сентябрь 2022

главный экран сайта Estente

Клиент

Компания «Estente» владеет собственным мебельным производством и выполняет мебель на заказ по индивидуальным размерам. «Estente» создают красивую, удобную мебель высокого качества и продают её потребителю по доступным ценам прямо из цеха. До недавнего времени владелец предприятия выполнял продажи своих товаров только на маркетплейсах. Затем принял решение расширять бизнес и для этой цели ему понадобился интернет-магазин.

Смотрите услугу:

Интернет-магазин

Задача

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

Процесс работы:

1. Обсудили детали

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

2. Выполнили прототипы страниц

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

Определили какую информацию о товаре показывать пользователям в каталоге товаров сразу, а что скрыть и показывать лишь при наведении на товар. Данное решение позволило сделать акцент на товаре и цене.

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

Прототипы

3. Дизайн

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

В выборе цветовой гаммы отталкивались от поставленной задачи:

  • сайт должен выглядеть лаконично и минималистично;
  • целевая аудитория смешанная, покупателями могут быть и женщины, и мужчины.

Получается, сайт должен подходить мужчинам и женщинам разных возрастов.

Оттенки, которые были выбраны для подчёркивания акцентных моментов на сайте (оранжевый и жёлтый) являются нейтральными и гармонично сочетаются с чёрным и серым, которые станут основными оттенками на сайте.

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

Иконки для каталога товаров

Так иконки выглядят на странице каталога:

Выполнили дизайн меню. Сравнивали несколько вариантов дизайна шапки в процессе работы. Выбор пал на самый нижний вариант на фото.

Задизайнили меню второго и третьего уровней.

Выполнили дизайн главной страницы и внутренних страниц сайта: о компании, производстве, материалах.

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

Выполнили иллюстрацию, которая подчеркнёт преимущество клиента о доставке от Владивостока до Калининграда. И разместили её в подвале сайта.

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

Выполнили страницу, где подробно рассказывается о том, как легко и просто клиент может изменить стандартные размеры мебели по индивидуальному заказу.

И показали на этой страничке примеры подобных решений в формате было/стало.

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

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

Карточка товара

Поработали над внешним видом всплывающих окон.

Окно с сообщением о том, что товар добавлен в корзину и окно для отправки отзыва

И выполнили дизайн страницы оформления заказа.

Итоги:

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

Отзыв довольного клиента

Estente логотип фото

Проектный менеджер

Такого дизайнера, как Анна, нужно тащить в каждый проект, беречь и платить премии. Я, по крайней мере, после разработки сайта Эсте стараюсь так делать. Почему:

  1. 1. Она вникает в задачу. Не поверхностно, а доходит до сути.
  2. 2. Вникнув, делает то, что ожидалось.
  3. 3. Укладывается в сроки, адекватна и внимательна к правкам.
  4. 4. Работает не равнодушно, не делает на отвали, бережно относится к деталям, из которых складывается качество.
  5. 5. Доделывает до конца, не пропадет со связи. Для меня именно это признаки отличного дизайнера, а не какая-то мифическая креативность.

После Эсте сделал с Анной ещё 3 проекта. Надеюсь, что их будет становиться больше.
Рекомендую Анну всем, но со сдержанным опасением: вдруг, когда мне потребуется дизайнер, она будет занята. Тогда печаль :).

кавычки иконка

Такого дизайнера, как Анна, нужно тащить в каждый проект, беречь и платить премии. Я, по крайней мере, после разработки сайта Эсте стараюсь так делать. Почему:

  1. 1. Она вникает в задачу. Не поверхностно, а доходит до сути.
  2. 2. Вникнув, делает то, что ожидалось.
  3. 3. Укладывается в сроки, адекватна и внимательна к правкам.
  4. 4. Работает не равнодушно, не делает на отвали, бережно относится к деталям, из которых складывается качество.
  5. 5. Доделывает до конца, не пропадет со связи. Для меня именно это признаки отличного дизайнера, а не какая-то мифическая креативность.

После Эсте сделал с Анной ещё 3 проекта. Надеюсь, что их будет становиться больше.
Рекомендую Анну всем, но со сдержанным опасением: вдруг, когда мне потребуется дизайнер, она будет занята. Тогда печаль :).

Над проектом работали:

Веб-дизайнер

Анна Назаревич

Графический дизайнер

Анна

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

    *Нажимая на кнопку, я принимаю политику конфиденциальности