Розробка 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 категорії акцій: подарунок при покупці, уцінка товару, безкоштовна доставка, безкоштовний монтаж і знижка на товар.

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

Розділ послуг компанії

Ми опрацювали всі супутні сторінки, такі як про компанію, реалізовані проекти, новини, статті, контакти, відгуки.

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

Особливостями побудови структури стали:

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

Висновок

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

Давайте

співпрацювати!

Надіслати
повідомлення

Отримайте консультацію
зручним для Вас способом!

Відповімо протягом хвилини!

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