Беларусь

region-img

MissShop&MisterShop: Стилизация типовых решений

author
Команда Сотбит 26 мая 2016
Время чтения: 6 мин
MissShop&MisterShop: Стилизация типовых решений
Сейчас на площадке Маркетплейс.1С-Битрикс много типовых решений, которые пользуются большой популярностью. Но еще больший рост их популярности сдерживает одно НО: однотипность дизайна и шаблонность. Если для старта "с нуля" шаблонный магазин будет идеальным вариантом, то для более серьезного проекта этот вариант уже не подходит. И даже различные цветовые гаммы и универсальные шаблоны не особо помогут в решении данной проблемы.

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

У пользователя может созреть естественный вопрос: "А что же включает в себя стилизация?". Как правило, стилизация включает в себя:
  • Логотип
  • Баннеры
  • Шрифты
  • Цветовая гамма
  • Изменение целых блоков и других элементов решения
Возможны также более существенные изменения, но это уже по согласованию с заказчиком.
Кроме того, мы предлагаем своим клиентам:
  • Профессиональная работа дизайнеров. Мы оформляем баннеры, меню, редактируем текст, подсказываем, какие изображения лучше использовать. Все это на основе Ваших пожеланий и учитывая современные тренды веб-дизайна.
  • Грамотный подход. Мы предлагаем несколько вариантов с учетом всех особенностей UI и UX дизайна. Если какая-либо страница с сайта Мисс Шоп Вас не устраивает, мы готовы обсудить доработку.
  • Краткий срок. В течение нескольких дней Вы получаете макет обновленного сайта. Нет необходимости тратить время и деньги на проектирование и прототипы, ведь сайт уже готов. Остается только лишь привести все к желаемому виду.
  • Сохранение всех обновлений решения. Стилизация происходит таким образом, что Вам будут доступны обновления решения без потери изменений. А значит, Ваш интернет-магазин будет всегда в актуальном состоянии.

Плюсы, как видите, на лицо:

  • Новый сайт.
  • Новый дизайн.
  • Смелые, объединенные одной идеей баннеры.
  • Единый стиль компании.
  • Сохраненное время
  • Доступность обновлений
Теперь давайте рассмотрим стилизацию на конкретном примере. На примере интернет-магазина форменной одежды, обуви и экипировки «Силовик» мы расскажем вам, как проходил процесс стилизации.

«Силовик» — широко известный онлайн-магазин товаров для спецподразделений. Магазин создавался при поддержке и энтузиазме одного из лучших производителей одежды и обуви для силовых подразделений — Garsing.

Клиент обратился к нам с целью обновления своего интернет-магазина.

Предыдущий сайт имел плохую конверсию, неудобную структуру сайта, отсутствовал наглядный каталог товаров, СЕО-блоки. Сетка главной страницы разваливалась. Магазин был больше похож на блог-сообщество единомышленников и любителей охоты.

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

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

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

Мы предложили новый сайт:

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

Перед нами ставилось решение следующих задач:

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

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

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

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

Затем предложили несколько вариантов оформления сайта:

Варианты оформления сайта

Варианты оформления сайта

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

Утвержденный макет:

Утвержденный макет

Находить необходимую информацию стало значительно удобнее.

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

Значительное число посетителей сайта используют мобильные устройства. А значит, крайне важно было обеспечить удобное взаимодействие с сайтом для пользователей всех типов устройств. Решение Мистер Шоп — адаптивное. Любой сайт стилизованный на его основе, также становится адаптивным и корректно отображается на устройствах с разным разрешением экрана.

Вид главной страницы на планшете и на телефоне:

Вид главной страницы на планшете и на телефоне

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

Отдельной задачей выступал дизайн баннеров.

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

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

Задача заключалась в том, чтобы не просто вставить первые попавшиеся картинки военной тематики, а объединить все баннеры одной идеей: показать все товары в жизни, в области их применения, в естественной среде. То есть не просто показать фотографию ботинка, а где и в каком виде он может быть.

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

Варианты картинок-ссылок

Выпадающее меню.

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

Выпадающее меню

Выпадающее меню

Выпадающее меню

Выпадающее меню

Основной инструмент сайта — каталог продукции.

Мы реструктурировали навигацию по каталогу и облегчили поиск необходимого товара, добавили сервис «Отложенные товары».

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

Стилистика сайта на основе товаров каталога

404.jpg

Рассылки.

Для полноценной работы сайта мы также создали единый дизайн писем, рассылаемых интернет-магазином.

Дизайн писем, рассылаемых интернет-магазином


Ну и, конечно, после проделанной работы мы получили большой отзыв от клиента. Приводить его целиком смысла нет. Приведем лишь пару выдержек из отзыва:

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

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

Итак, мы наглядно продемонстрировали, как простая стилизация сайта поможет Вам изменить дизайн типового решения и в краткие сроки получить новый интернет-магазин с уникальным дизайном. Также надеемся, что мы смогли донести до Вас очевидные плюсы стилизации:

  • Разумная стоимость внедрения
  • Краткие сроки внедрения
  • Минимальные риски
  • Полное сохранение обновлений решения
В следующих статьях мы расскажем Вам о новых возможностях МиссШоп и МистерШоп. Следите за нашими новостями.

Автор статьи: главный дизайнер Валерия Майорова
Редакция: Шашалевич Станислав

Остались вопросы по статье?

Оставьте свой контакт и наш менеджер вас проконсультирует.

ФИО:*
E-mail:*
Телефон:
Подтвердите, что вы не робот:*
Сообщение:
ym_referrer:
ym_uid: