logo-ashmanov

Разработка интернет-
магазина для дизайнера
концептуальной одежды
Ольги Якубович

7
месяцев работы
3
варианта дизайн-концепций
8
членов команды
2
линии одежды
ОльгаЯкубович
YAKUBoWITCH — бренд черных платьев, который возник из культа красоты и был создан дизайнером Ольгой Якубович, финалисткой «Битвы экстрасенсов».
Цель

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

Задачи
  1. Разработка простого и современного функционала интернет-магазина.
  2. Создание уникального мистического «не масмаркет» дизайна , подчеркивающего экстраординарность заказчика и индивидуальность ее линии одежды.
  3. Увеличение конверсии сайта.
Ключевое решение

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

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

Вызовы

После проведения ряда интервью с Клиентом нам стало понятно, что в данном проекте необходимо соединить два мира — имиджевый мистический концепт и классический e-commerce.

Мы столкнулись с несколькими вызовами.
01
Баланс между философией бренда и электронной коммерцией в дизайне сайта
В случае, если мы делаем акцент на силе личного бренда — а это мистика, ведовство, то потенциальные Клиенты могут воспринимать сайт не как площадку для покупки одежды, а как имиджевый информационный сайт. Это приведет к снижению показателей продаж. Если акцент будет делаться на классический e-commerce, то личный бренд Клиента отразить в полной мере не удастся.
02
Бюджет проекта строго ограничен и ставились четкие дедлайны на запуск сайта
Необходимо было реализовать качественный проект с точки зрения визуала и функционала, не выходя за рамки ограниченного бюджета. Найти решения, которые смогут закрыть задачи Клиента и будут соответствовать его ценовому диапазону.
03
Отсутствие у Клиента четкого понимания каким должен быть интернет-магазин
У Клиента не было четкого представления того, каким должен быть его интернет-магазин — по функционалу, анимационным элементам и другим параметрам. Со стороны Клиента отсутствовал мудборд и референсы.
Этапы реализации проекта
Структура сайта
Дизайн
Frontend- разработка
Backend- разработка
Интеграция платежной системы
Тестирование
Этап 00
Структура сайта
Разработка понятной и четкой структуры интернет-магазина
Этап 01
Дизайн
Для составления ТЗ дизайн-концепции мы провели несколько интервью с Клиентом. Но дизайн все равно проходил 3 итерации согласований.
Итерация I
Отрисовка первого варианта дизайна
Итерация II
Переработка дизайн-концепции
Итерация III
Совместная доработка финального варианта визуала с дизайн-консультантом клиента
Главная страница

Несмотря на то, что проект имиджевый, он должен быть и удобным функциональным интернет-магазином. Поэтому мы проработали CJM, поместили на сайт основные навигационные разделы — каталог, корзина, избранное, информация для покупателей и история компании.

Также были выбраны косые линии оформления блоков в контрастных белых цветах.

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

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

О бренде

Главная страница и страница «О бренде» стали акцентами имиджевости проекта. Именно эти два раздела в большей степени отражают личный бренд Клиента.

На первом экране раздела «О бренде» размещено стилизованное фото дизайнера линии одежды, массивный логотип на фоне черной объемной ткани — основного материала линейки одежды.

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

Типографика и цвет
Были предложены варианты нестандартных шрифтов для оформления интернет-магазина. Шрифты выглядит современно, однако содержат элементы винтажного стиля и передают тон и характер контента.
Headline&Body
Circe
Bold Regular Light ExtraLight
#FFFFFFF
Текст и элементы выполнены в контрастном белом цвете.
#1C1C1C
Для того, чтобы повысить эмоциональность и атмосферность проекта было принято решение в качестве основного цвета сайта выбрать глубокий черный цвет.
#101820
Угольно-синий цвет является дополнительным и используется при наведениина меню, оформлении заказа.
#C33446
Ярким акцентом на сайте стал рунический алфавит, выполненный в красном цвете. Он разработан дизайнером со стороны Клиента как часть его личного бренда.
Через две дизайн-концепции к финальной
Через две дизайн-концепции к финальной
Работа над проектом для нас была своего рода вызовом. На старте не было четкого понимания, что именно в плане визуала хочет видеть Заказчик. Для того, чтобы «попасть в цель», нами было отрисовано две концепции в разной стилистике. Третья дизайн-концепция полностью устроила Клиента, ее мы доработали совместными усилиями с дизайнером-консультантом со стороны Заказчика. Главной задачей проекта было соблюдение баланса эмоциональности подачи информации и удобства использования сайта посетителями магазина. Мы справились с этой задачей — сайт получился атмосферным и удобным для совершения покупок!
Семен Бондаренко / Арт-директор INPRO
Этап 02
Frontend-разработка

Frontend сайта был нетиповым, он содержал в себе ряд компромиссов, которые позволили соединить электронную коммерцию и личный бренд. Важно обратить внимание на то, что frontend e-commerce, как правило, простой, легкий и понятный. А вот в имиджевом проекте чем сложнее визуал и анимация, тем лучше. Мы разработали и предложили Клиенту вариант, при котором реализация нестандартного решения не повлияла на стоимость проекта. Решение позволило упростить заказ Клиентов через интернет-магазин, что привело к увеличению покупок бренда в онлайне.

Этап 03
Backend-разработка

Разработан и реализован полноценный функционал большого интернет-магазина. В качестве системы управления сайтом (CMS) был выбран Bitrix. Он удобен в использовании — добавление и редактирование контента из административной панели позволяет оперативно вносить изменение одному менеджеру компании. Обслуживание сайта экономичное, команда для технической поддержки не требуется.

Для выполнения задач проекта было принято решение использовать стандартную комбинацию двух языковых сценариев — JavaScript (для внешнего интерфейса) и PHP (для серверного кода). Таким образом, мы сделали сайт динамичным и простым в управлении.

Этап 04
Интеграция платежной системы

В качестве платежной системы был выбран сервис CloudPayments как наиболее простой и интуитивно понятный для пользователей, которые не имеют большого опыта в покупке вещей в интернете. Посколько у Клиента был запрос на работу с текущими Клиентами, которые ранее редко пользовались онлайн-покупками.

Этап 05
Тестирование

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

Итог

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

icon
Обсудим ваш проект?
Оставьте ваши контактные данные, опишите ваш проект, и мы подготовим для вас решение, соответствующее именно вашим бизнес-целям
Виктория Богданова
Руководитель PR и маркетинга
Дарья Туманова
Руководитель проектного офиса
Анна Зубанова
Руководитель предпроектной деятельности
Ольга Щербакова
Бизнес-ассистент
Аннет Курчатова
Финансовый директор
Семен Бондаренко
Арт-директор
Имя*
Фамилия
Телефон*
Должность
Компания
Чем мы можем помочь?

Вы работаете в компании пищевой промышленности?

Ознакомьтесь с нашими узкоспециализированными бизнес-решениями

Перейти в раздел