Проектируем с нуля
Новый магазин: Одновременно продумываем структуру, визуальный язык и требования к будущей разработке.
Дизайн
интернет-магазина
под ваш бренд
Проектируем интернет-магазин так, чтобы покупателю было легко найти товар, сравнить варианты и оформить заказ. Дизайн поддерживает бренд и учитывает реальный каталог.
Сначала UX
разбираем путь покупателя
Адаптивный дизайн
для компьютера, планшета и смартфона
Знаем платформы
проектируем для 1С-Битрикс и InSales
Магазины,
которые мы сделали
В портфолио — дизайн и разработка интернет-магазинов для брендов и розничных компаний.
Красивый магазин — ещё не
удобный магазин
Покупателю важно не только впечатление от первого экрана. Ему нужно разобраться в каталоге, сравнить товары, выбрать вариант и без лишних шагов оформить заказ.
Поэтому сначала мы изучаем ассортимент и путь к покупке, а уже затем выбираем композицию, типографику, цвет и работу с фотографиями.
CJM
Каталог
Фильтры
Карточка товара
Корзина
Checkout
Что входит в дизайн интернет-магазина
Состав зависит от каталога и функций магазина. Прорабатываем не только страницы, но и состояния, без которых разработчики будут додумывать интерфейс сами.
-
01
Исследование и аудит
Изучаем текущий сайт, аналитику, ассортимент, конкурентов и ограничения платформы.
-
02
Структура и прототип
Определяем навигацию, состав страниц, порядок действий и содержание каждого экрана.
-
03
Визуальная концепция
Подбираем типографику, цвет, композицию и правила работы с фотографиями.
-
04
Ключевые страницы
Проектируем каталог, листинг, карточку товара, корзину, оформление заказа, личный кабинет и нужные контентные разделы.
-
05
Мобильная версия и состояния
Показываем, как интерфейс работает на разных экранах, что происходит при ошибке, пустом результате и выбранном варианте.
-
06
Передача в разработку
Готовим компоненты и пояснения для разработчиков. При необходимости сами реализуем дизайн на 1С-Битрикс или InSales.
Новый дизайн должен решать проблему
Редизайн ради нового цвета быстро устаревает. Сначала выясняем, что мешает покупателям и команде магазина, затем определяем объём работы.
Сохраняем то, что работает
Редизайн: Опираемся на аналитику, отзывы покупателей и технический аудит, а не меняем интерфейс вслепую.
Исправляем по частям
Развитие: Если полный редизайн не нужен, начинаем с участков, где магазин теряет больше всего покупателей.
Что вы получаете
В макетах должны быть не только красивые первые экраны. Показываем выбор вариантов товара, пустую корзину, ошибки формы и другие состояния, которые понадобятся при разработке.
Понятный путь к заказу
Покупатель понимает, где искать товар, как сравнить варианты и что делать дальше.
Узнаваемый магазин
Типографика, цвет, фотографии и композиция продолжают характер бренда.
Макеты для разработки
Ключевые страницы, компоненты и состояния описаны до сборки интерфейса.
Перед стартом
Можно заказать только дизайн?
Да. Состав передачи в вашу команду согласуем заранее. Также IDBI может реализовать проект на 1С-Битрикс или InSales.
Вы работаете с существующим фирменным стилем?
Да. Используем действующую айдентику или определяем, каких элементов не хватает для цифрового продукта. Ребрендинг не включается автоматически.
Делаете мобильную версию?
Да. Адаптивные состояния входят в проектирование интернет-магазина. Их состав зависит от страниц и функций проекта.
Сколько длится дизайн?
Срок зависит от числа страниц, функций и состояния текущего сайта. Полный запуск интернет-магазина обычно занимает 2–3 месяца; дизайн — один из этапов этого срока.
Обсудим дизайн вашего магазина
Добавьте ссылку на магазин и опишите, что вас не устраивает: внешний вид, выбор товара, мобильная версия или оформление заказа. Обсудим, нужен ли полный редизайн или достаточно изменить отдельные страницы.
