А ещё
Предлагаем вам прочитать нашу статью про технические заморочки интернет-магазина на примере «12Storeez».
Заказчик
Создатели марки одежды 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-разработчик
Щербина Александр
программист
Назаров Максим
программист
Другие работы
Мы работаем над большим количеством крутых
и интересных проектов. Вот еще несколько.
Заявка
Оставьте телефон и почту,
и мы свяжемся с вами!
Ура! Заявка
отправлена!
Мы свяжемся с вами в ближайшее время!
А пока посмотрите
наши свежие работы
и почитайте блог.
Спасибо!
Подписка оформлена!
