В агентство E-COMM.GURU обратилась художница с просьбой создать продающий сайт. На тот момент у клиентки были аккаунты в социальных сетях, и все продажи шли через них. Это было не очень удобно.


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

Создание дизайна считается одним из главных этапов при формировании сайта. Именно от него зависит то, как его воспримут пользователи и захотят ли они задержаться и совершить покупку.

Web-дизайн (UX/UI) — это многогранная концепция, которая включает множество дисциплин: интерактивный дизайн, информационную архитектуру, визуальный дизайн, юзабилити и взаимодействие между человеком и компьютером.

Это не только "красивый" внешний вид, но и функциональность и удобство сайта для пользователя.

UX ― это функционал интерфейса, UI ― его внешний вид.

Дизайн сайта влияет на следующие показатели:

• время пребывания на сайте;
• глубина просмотра;
• конверсия сайта;
• продвижение сайта;
• влияние на репутацию компании, повышение конкурентноспособности.

Перед началом работы мы знакомимся с клиентом чтобы понять его цели и задачи .

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

В итоге мы структурировали информацию по следующим пунктам:

• стоящие перед бизнесом задачи и основные проблемы;
• продукты, услуги — сильные и слабые стороны;
  
• основные характеристики целевой аудитории и жизненный цикл клиента;
  
• рекламные активности и тенденции рынка, которые клиент знает;
  
• недостатки и преимущества в сравнении с конкурентами;
  
• объемы продаж, сезонность и пр.
  

Далее мы более детально рассмотрели ЦА и конкурентов.

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

На основании этих данных мы составили путь клиента от входа на сайт до покупки (CJM), который мы учитывали при дальнейшем дизайне сайта.

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

Мы проанализировали конкурентов и изучили примеры сайтов из других стран.

Исследования мы проводили по двум направлениям:

• коммерческий анализ конкурентов — кто основные конкуренты, что предлагают, какие каналы продаж используют и т.д.;
  
• анализ веб-ресурсов конкурентов — УТП, маркетинговые активности, ассортимент, фишки сайта и прочие детали.
  

Сопоставили полученные данные с нашим опытом.

Далее проанализировали потребности галереи по функционалу.

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

У заказчицы был контент высокого качества, который она предоставила для сайта галереи. Поэтому нам оставалось лишь собрать сайт по шаблону на платформе Insales со следующими характеристиками:

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

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

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