Все кейсы
Ритейл
Интеграция в вашу команду
UX\UI-дизайн и проектирование
Интернет-магазин

Разработка интернет-магазина тёплой одежды от производителя

Клиент
Norveg
Дата запуска
Октябрь 2019
Что сделали
Сфокусировались на дизайне интернет‑магазина тёплой одежды: разработали визуальный стиль, адаптивные макеты и удобную навигацию по аудиториям и сценариям использования.
norveg.ru
Разработка интернет-магазина тёплой одежды от производителя

О проекте

Термобелье «Norveg» — это особая одежда, в которой не просто тепло в холода, она работает как климат-контроль. Компания уделяет особое внимание интернет-каналу продаж и активно развивает свой магазин.

Дизайн-система

Стилеобразующие элементы проекта

Вместо привычных «Helvetica» и «Futura» выбрали более редкий шрифт от автора «Futura» — он выглядел свежо и выделял сайт.

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

Чтобы добавить индивидуальности, разработали набор абстрактной графики для интерфейса и баннеров.  

Навигация

Навигация как инструмент продаж

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

Структуру разделили по типам покупателей и видам товаров, а подборки сформировали по активностям — для пользователей, которые ещё не определились с выбором.  

Меню сайта
Меню сайта

Шаблоны

  • Использовали стандартную двенадцатиколоночную сетку — она удобно делится на 2, 3, 4 и 6 подколонок и позволяет гибко собирать макеты.
  • В первом экране разместили стилеобразующие элементы, которые затем симметрично используются в остальных разделах и интерфейсных компонентах.
  • Отдельный акцент сделали на подборках для разных аудиторий — «мама, папа, дочка, сын», чтобы каждый посетитель быстрее находил подходящий продукт.  

Шаблоны

  • Блок «Лидогенератор»: на основе аналитики клиент формирует подборки и ссылки на самые популярные разделы и акции.
  • В футере или околофутера зона работы с соц. сетями. Сссылки и фиды из сетей клиента   

Каталог и карточки

Фильтрация и акцент на фото товара.

Фильтрацию разделили на две части: популярные параметры (цена, размер, цвет, температура) вынесли под заголовок, а фильтр по характеристикам формируется отдельно для каждого раздела.

Эволюция карточек товаров за несколько лет показала устойчивый тренд — фотографии становятся всё крупнее. В текущей версии изображения занимают около 70% полезной площади карточки.  

Фильтрация
Фильтрация

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

Оптимизация карточки по аналитике

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

Вторая часть блока отведена под «SKU-параметры» — цвета, размеры и количество. Все основные действия с товаром сосредоточены здесь, а переход к отзывам осуществляется по клику с прокруткой к нужному разделу.  

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

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

  • Ширина экранов позволяет разместить всю справочную информацию о товаре одной строкой в три колонки.
  • Апсейл-блок. Комплектации клиент подбирает сам для увеличения общего чека.
  • Большой акцент на отзывах: согласно опросам, для женской аудитории это ключевой фактор принятия решения о покупке. Плюс мотивируем писать отзывы бонусными баллами.  

Программа лояльности

Накопительная система и бонусные баллы

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

Система скидок и бонусов
Система скидок и бонусов

Дизайн

Максимальная проработка интерфейсов

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

Оформление заказа

+30% к конверсии оформления

Корзину спроектировали так, чтобы весь процесс оформления проходил на одном экране. Для пользователей, которые не хотят заполнять длинную форму, добавили «Быстрый заказ» — достаточно указать имя и номер телефона.

Такой подход позволил увеличить конверсию на 30%.  

Корзина
Корзина

Интерактивные элементы

Вспомогательные интерфейсы для разных сценариев

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

Поиск товаров
Поиск товаров

Мобильная версия

Переход на адаптивную вёрстку

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

Мобильная версия
Мобильная версия
Руководитель проекта
Юра Иов
Верстка
Филипп Бурш
Дизайн
Леша Синкевич
Сергей Шишпор
Команда клиента
Вячеслав Иванов
Кирилл Андрюхин
Дарья Гладких
Андрей Малашевич
Андрей Малашевич
Андрей Малашевич
Руководитель управления маркетинга и рекламы, Paritetbank

ОАО «Паритетбанк» благодарит ООО «Найнсевен» за сотрудничество в рамках разработки корпоративного сайта www.paritetbank.by.

Смотреть отзыв
Екатерина Полещук
Екатерина Полещук
Руководитель отдела маркетинга, ООО «Профессиональные правовые системы»

Выражаем благодарность за завершенный проект по обновлению нашего корпоративного сайта www.business‑info.by.

Смотреть отзыв
Александр Шостак
Александр Шостак
Директор, ООО «ИКомЧардж»

Специалистами ООО «Найнсевен» были неоднократно успешно осуществлены подключения механизма онлайн-платежей

Смотреть отзыв
Павлова Валентина Петровна
Павлова Валентина Петровна
специалист по развитию торговой марки, Аливария
За время сотрудничества компания ООО «Найнсевен» зарекомендовала себя как надежный и ответственный партнер.
В.Т. Одорский
В.Т. Одорский
заместитель Генерального директора по маркетингу, СООО «Мобильные Теле Системы»

ООО «Мобильные Теле Системы» (далее – МТС) выражает искреннюю благодарность команде ООО «Найнсевен» (далее - Найнсевен) за качественное оказание услуг по администрированию и технической поддержке сайта mts.by.

Смотреть отзыв
Н.А. Булаш
Н.А. Булаш
Заместитель Генерального директора по коммерческим вопросам, СООО «Мобильные ТелеСистемы»

СООО «Мобильные ТелеСистемы» выражает благодарность команде ООО «Найнсевен» за профессиональную разработку и техническую поддержку интернет-магазина shop.mts.by.

Смотреть отзыв
Е.А.Ломеко
Е.А.Ломеко
Генеральный директор, Брестское РУП «Фармация»

Брестское РУП «Фармация» с 2018 года сотрудничает с компанией «Найнсевен» по вопросам разработки корпоративного сайта, развертыванию на его базе функционала Интернет-аптеки, по технической поддержке и развитию указанных информационных ресурсов. 

Смотреть отзыв
Лариса Купава
Менеджер по маркетингу, SvitLand Development Limited

Мы довольны сотрудничеством с Nineseven. Удобная программа управления проектом и быстрое реагирование сделали даже удаленную работу комфортной.

Смотреть отзыв
У.С. Савиных
У.С. Савиных
Продюсер, МФР Red Apple

Фестиваль Red Apple сотрудничал с Nineseven с 2013 по 2014 год. Благодаря профессионализму сотрудников был создан эффективный и удобный сайт фестиваля www.festival.ru.

Смотреть отзыв
Алексей Сидоров
Алексей Сидоров
Алексей Сидоров
Основатель и руководитель проекта, Prodengi.kz

Интернет-портал prodengi.kz выражает благодарность команде Nineseven за взаимовыгодное сотрудничество и добропорядочные отношения. Мы ценим профессионализм, креативность и качественный сервис, который предоставляет Nineseven.

Смотреть отзыв
Александр Кузьменко
Александр Кузьменко
Александр Кузьменко
Руководитель проекта, Игры@Mail.Ru
Спасибо за работу! Рассчитываем на дальнейшее сотрудничество в таком же ключе.
Смотреть отзыв
А.В. Любимова
А.В. Любимова
Генеральный директор, ООО «Акомпани»
Выражаем благодарность за плодотворное сотрудничество в 2010 году. Благодаря уровню профессионализма и лидерским качествам команды мы достигли значительных успехов.
Смотреть отзыв
Денис Бурлаков
Денис Бурлаков
Руководитель, Интернет-магазин Deniliz.com

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

Смотреть отзыв
И. Шумицкий
И. Шумицкий
И. О. директора департамента маркетинга, Банк Хоум Кредит (Казахстан)
Выражаем благодарность компании Nineseven за создание сайта www.homecredit.kz.
Смотреть отзыв
А.Н. Григорьева
А.Н. Григорьева
Генеральный директор, ООО «Тренд Ритейл Групп»

Надеемся на дальнейшее и столь же успешное сотрудничество.

Смотреть отзыв
И.С. Федюкин
И.С. Федюкин
Директор по развитию бизнеса, ООО «НЕВМЕДИА»

Компания ООО «НЕВМЕДИА» благодарит Курдюк Зою за сотрудничество. По нашему мнению, Курдюк Зоя — профессиональный специалист с высокой квалификацией в области дизайна, ответственная и надежная в деловых взаимоотношениях.

Смотреть отзыв
Н. А. Булаш
Н. А. Булаш
Руководитель коммерческого департамента, Мобильные ТелеСистемы

ООО «Найнсевен» является разработчиком интернет-магазина shop.mts.by и на протяжении шести лет обеспечивает его поддержку и обновление.


Смотреть отзыв
Д.С. Костин
Д.С. Костин
Д.С. Костин
Начальник службы по связям с общественностью и СМИ, ПАО «Газпром Трансгаз Беларусь»

Свидетельствую почтение и выражаю благодарность компании Nineseven и лично Дмитрию Хоружко за разработку и реализацию творческой идеи дизайна сайта проекта Многофункционального комплекса «Газпром Центр».

Смотреть отзыв
С.В. Белов
С.В. Белов
Генеральный директор, ООО «Вектор-Парфюм»

Компания ООО «Вектор-Парфюм» благодарит дизайнерскую студию Nineseven за разработку графической части интернет-магазина парфюмерии и косметики Bonange.ru. Сотрудники студии — настоящие профессионалы своего дела и обладают высокой квалификацией в области дизайна.

Смотреть отзыв
И.Е. Адаменко
И.Е. Адаменко
Заместитель директора, ОДО «БелТоргПродукт»
Рекомендуем ООО «Найнсевен» как надежного партнера, добросовестно выполняющего свои обязательства.
Смотреть отзыв

Медиа

Telegram-канал

Из первых уст о внутренней жизни агентства

Перейти в TG-канал
Nineseven
Новые технологии — новые проблемы
Люблю смотреть всякие красивые графики и таблицы. На Pinterest могу долго залипать в подборках инфографики от древности до наших дней. И вот во время одной из таких вылазок пришла банальная мысль: насколько же легче стало упаковывать аналитику в понятный вид и насколько тяжелее при этом стало ее воспринимать.

Объясню в разрезе нашей работы. Чтобы создать дашборд со всякой аналитикой лет 15 назад, нужно было:
1. Собирать данные в одну базу и разгребать их оттуда вручную: продажи, заявки, прогресс по проекту — все ручками

Публикации в СМИ

Обсудим задачу

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

Это бесплатно и ни к чему вас не обязывает.

Поле обязательно к заполнению
Поле обязательно к заполнению
Поле обязательно к заполнению
Пожалуйста, ознакомьтесь и подтвердите согласие
Дмитрий Хоружко
Дмитрий Хоружко CEO Nineseven