Разработка UX-дизайна сайта и интернет-магазина Alter Air
click fraud detection
Главная / Портфолио / Разработка UX-дизайна сайта и интернет-магазина Alter Air

Разработка UX-дизайна сайта и интернет-магазина Alter Air

Клиент

Alter Air

Задача

Разработка прототипа корпоративного сайта и интернет магазина

О компании

Alter Air — ведущая украинская компания, которая охватывает полный комплекс услуг по внутренней инженерии, которая необходима для дома.

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

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

Задача

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

Основные задачи проекта:
— увеличение количества продаж;
— привлечение новых клиентов;
— привление партнеров по проектным работам;
— повышение доверия к компании.

Позиционирование проекта

Со стороны проектных работ:

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

Со стороны интернет-магазина:

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

Вводные данные

Клиент предоставил информацию о 3 портретах целевой аудитории проектных работ и портрете основной аудитории покупателей интернет-магазина.

На первичных встречах мы подробно обсудили УТП компании, проблемы и боли ЦА, то, что интересует клиентов в первую очередь.
Мы выделили возражения и способы их отработки, основные месседжи и подачу информации на обновленном ресурсе.

Проблематика

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

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

Реализация

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

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

Меню

Меню сайта имеет до 3-й степени вложенности и мы приняли решение что оно будет реализовано:

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

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

Разделы магазина и карточки товара

У нас стояла задача продумать подачу «главной страницы» раздела магазина, страницу бренда, раздела, подраздела, 7 типов карточек товаров и 5 типов акционных предложений.

Самой большой сложностью стало разместить все элементы компактно, при этом дать максимум информации.

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

Мы проработали различные триггеры для повышения среднего чека (такие как «вместе дешевле», «может еще понадобится» и «аксессуары».

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

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

Акционные предложения

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

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

Раздел услуг компании

Мы проработали все сопустующие страницы, такие как о копании, реализованные проекты, новости, статьи, контакты, отзывы.

Особое внимание было уделено посадочным страницам разделов услуг и каждой услуге.

Особенностями построения структуры стали:

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

Итого

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

Давайте

сотрудничать!

Отправить
сообщение

Получите консультацию
удобным для Вас способом!

Ответим в течении минуты!

Заявка отправлена успешно, наш менеджер свяжется с вами в ближайшее время!