MissShop&MisterShop: Стилизация типовых решений
Заказать обратный звонок
+7 (495) 278-08-54 Москва
+7 (812) 670-07-40 Санкт-Петербург

Новости

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

Станислав Шашалевич

26 мая 2016

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

121.jpg

11.jpg

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

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

2.jpg

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

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

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

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

dev.jpg

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

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

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

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

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

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

3.jpg

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

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

silovik_drop_down_menu+(3).jpg

mega_drop_down_forum.jpg

mega_drop_down_equipment.jpg

mega_drop_down_delivery.jpg

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

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

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

mega_drop_down_cat.jpg

404.jpg

Рассылки.

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

let.jpg


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

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

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

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

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

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


Написать комментарий

Ваш комментарий

Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Отправить Отменить

Комментариев никто не оставлял. Вы можете стать первыми!

Решения
B2BShop: Оптовый магазин с b2b кабинетом
199 900 руб.
MissShop - магазин женской одежды
119 900 руб.
3 Отзыва
MisterShop - магазин мужской одежды
119 900 руб.
1 Отзыв
Парсер контента: сайты, excel, xml, yml, csv, rss
19 990 руб.
40 Отзывов
SEO умного фильтра: мета-теги, заголовки, карта сайта
14 990 руб.
23 Отзыва
Маркетинговые рассылки - персонализация сообщений
9 990 руб.
6 Отзывов
Комплексные отзывы, комментарии, вопросы
9 990 руб.
1 Отзыв
1С инструменты - расширение стандартного обмена
8 490 руб.
7 Отзывов
Ценовой маркетинг. A/B тестирование цен
7 490 руб.
Контентное API Яндекс.Маркет: Загрузка товаров, характеристик и обновление цен
9 990 руб.
5 Отзывов
Мой Бухгалтер - для частных бухгалтеров и бухгалтерских компаний. Адаптивный. Композитный
9 990 руб.
1 Отзыв
БыстроРемонт - ремонт квартир под ключ. Адаптивный. Композитный
9 990 руб.
Почта России/EMS - расчет и отслеживание
7 990 руб.
4 Отзыва
Похожие товары - как инструмент увеличения среднего чека
2 990 руб.
2 Отзыва
Вакансии HeadHunter
6 990 руб.
Быстрая загрузка картинок в визуальном редакторе
2 990 руб.
1 Отзыв
Мотивируем на регистрацию - повышаем продажи
2 490 руб.
Расчет DPD доставки
2 490 руб.
3 Отзыва
Счет на почту в PDF
2 990 руб.
Интеграция с Контур.Эльба
9 990 руб.
Расширенная авторизация
2 990 руб.
С этим товаром просматривают
Бесплатно
Сейчас покупают
Бесплатно
Этот товар был заказан
Бесплатно
Товар сейчас просматривают
Бесплатно
Удобный mp3 player
Бесплатно
Подписка на группы vkontakte и facebook
Бесплатно
1 Отзыв
Настраиваемый Ajax Preloader
Бесплатно
4 Отзыва
Умные хлебные крошки
Бесплатно
Заказ по телефону
Бесплатно
Еще решения


Сотбит
Веб студия занимается разработкой сайтов на 1С-Битрикс, разработкой типовых решений, входит в ТОП-10 разработчиков для Маркетплейса 1С-Битрикс.
192029
Россия
Ленинградская область
Санкт-Петербург
м. «Петроградская», пр-т Медиков, д. 3-5, лит. А, оф. 211
+7 (812) 670-07-40
info@sotbit.ru
,
Обратная связь