Дизайн и проектирование
интернет-магазина

Дизайн
и проектирование
интернет-магазина

Перейти на сайт

Заказчик

Создатели марки одежды 12STOREEZ — сестры Марина и Ирина Голомаздины. Марка не выпускает сезонные коллекции — они выходят каждый месяц, 12 раз в год. Отсюда и название. 12STOREEZ: 12 историй, 12 мини-коллекций.

Задача

Создать новый интернет-магазин 12STOREEZ с адаптивным дизайном для мобильных устройств, интегрировать сайт с системой учета заказов и товара.

Особенности

70% всего трафика сайта приходится на мобильные устройства

70% всего трафика приходится 
на мобильные устройства.

Ажиотажный спрос
в момент выхода новой коллекции

Частое обновление
коллекций — 12 раз в год

Mobile First

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

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

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

01

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

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

01

01

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

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

01

Главная страница сделана 
по принципу конструктора.

Она состоит из произвольного количества полноэкранных блоков, каждый из которых  ведет в свой раздел сайта.

Конструировать вид главной страницы можно в админке сайта.

Главная работает как конструктор.

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

Собирается главная страница в админке сайта.

главная

02

Каталог

02

Каталог

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

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

03

Страница товара

Страница товара

03

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

04

Instashop

У 12STOREEZ 200 000 подписчиков канала в Инстаграме, в нем публикуются анонсы новых коллекций, проходят прямые трансляции, собирается обратная связь.

200 000 followers

Из Инстаграма на сайт приходит большая часть мобильного трафика — и мы объединили эти площадки.

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

Вдохновляющие идеи легко трансформируются в покупку.

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

04

Instashop

05

Lookbook

05

Lookbook

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

Корзина

06

06

Корзина

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

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

Корзина

06

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

07

Mobile

07

Mobile

07

Mobile

08

Шрифт и цвета

08

Шрифт и цвета

цвета

RGB

220 / 203 / 190

RGB

255 / 255 / 255

RGB

187 / 188 / 193

цвета

220 / 203 / 190

RGB

255 / 255 / 255

RGB

187 / 188 / 193

RGB

шрифт

Proxima nova

шрифт

Proxima nova

5 стилей текста

TITLE

24 LIGHT

Paragraph

16 LIGHT

BUTTONS

14 REGULAR

PRODUCT NAMES

12 REGULAR

Price

12 REGULAR

5 стилей текста

TITLE

24 LIGHT

Paragraph

16 LIGHT

BUTTONS

14 REGULAR

PRODUCT NAMES

12 REGULAR

Price

12 REGULAR

Результат

Мы воплотили в новом сайте 12STOREEZ ключевые идеи создателей марки: удобный шопинг прямиком из Инстаграма, актуальная информация о наличии товаров, нестандартный лукбук и крупные притягательные фотографии, из которых легко собрать собственный образ.

CTR +20%

За шесть месяцев конверсия на новом сайте выросла на 20%.

Отзыв

JetStyle! Работа с вами — одно удовольствие! Нам есть с чем сравнить, ведь от предыдущего подрядчика мы, в прямом смысле слова, сбежали!

Ребята смогли быстро погрузиться в специфику нашего бизнеса, изучить процессы, предложить улучшения и способы модернизации существующей инфраструктуры. Очень порадовало наличие опыта интеграции с СRM-системой, на которой мы работаем уже второй год, это оказалось огромным плюсом при запуске и отладке, т.к. вопросов возникало не мало, а сроки были сжатыми.

Самоотдача каждого участника проекта, бессонные ночи, работа в праздники — все это помогло запустить наш новый сайт ровно в срок и с учетом всех наших требований!

Спасибо! Будем работать дальше и развиваться благодаря Вам еще стремительней!

Евгения Галкина
руководитель проекта

Команда

Стахеев Владимир
менеджер

Прокуда Дарья
арт-директор

Купельский Артем
арт-директор

Тропина Елена
дизайнер

Ветошко Дарья
frontend-разработчик

Куклин Сергей
frontend-разработчик

Журавлел Павел
frontend-разработчик

Щербина Александр
программист

Назаров Максим
программист

Стахеев Владимир
менеджер

Прокуда Дарья
арт-директор

Купельский Артем
арт-директор

Тропина Елена
дизайнер

Ветошко Дарья
frontend-разработчик

Куклин Сергей
frontend-разработчик

Журавлев Павел
frontend-разработчик

Щербина Александр
программист

Назаров Максим
программист

Понравился кейс?
У вас похожая задача?
Позвоните или напишите нам

+7 (343) 384-84-81
или

Другие работы

Мы работаем над большим количеством крутых
и интересных проектов. Вот еще несколько.