Застосунок для охорони здоров’я
UX продукту
MV AgustaАвтомобілі · Дизайн сайту дилера
Dealer WorkspaceАвтомобілі · Цифровий продукт
Послуги
Інструменти
Стек технологій
Послуги
Інструменти
Стек технологій
Автомобілі · Дизайн сайту дилера
MV Agusta
Дизайн сайту для дилера MV Agusta, виконаний на замовлення й пізніше перетворений студією на робочий цифровий шоурум. Візуальний характер бренду зберігається на всьому шляху: від знайомства з моделями до вибору мотоцикла в наявності та зв’язку з дилером.
Автомобілі · Цифровий продукт
Dealer Workspace
Робоча платформа дилера мотоциклів для відповідей клієнтам, організації візитів і розвитку продажів. Пошта, SMS і чати сайту зібрані в одному місці; зрозуміло, хто відповідає за клієнта, а мотоцикл і наступний крок завжди поруч.
Два боки дилерського центру
Сайт допомагає покупцеві знайти мотоцикл і надіслати заявку. Платформа задумана для перенесення цього контексту в щоденну роботу дилера. Демоверсії працюють окремо; зв’язок між ними не активний.
Бриф
Адаптувати редакційну візуальну мову бренду до сайту дилера. Покупцеві потрібно бачити наявність, порівнювати подробиці конкретного мотоцикла й знаходити зрозумілий наступний крок із дилерським центром.
Навіщо цей продукт
Покупець може написати про мотоцикл поштою, продовжити повідомленнями й попросити про візит. Дилеру потрібно зберегти розмову цілком, знати відповідального менеджера й перетворити інтерес на зрозумілий наступний крок. Ми поєднали відповідь, організацію візиту й подальшу роботу в один безперервний процес.
Дизайн-рішення
Отримавши структурний бриф, ми переробили візуальний стиль, композицію, компоненти й частину послідовності сторінки. Великі фотографії розкривають бренд, а картки наявності, характеристики й прямі дії підтримують шлях до покупки.
Після передавання дизайну ми самостійно перетворили його на робочий сайт. Спільні шаблони сторінок зберігають однакові навігацію, представлення моделей і вибір наявності в усьому шоурумі.
Наші продуктові рішення
У центрі ми поставили розмову з клієнтом. У повідомлень видно канал, а працівники вибирають спосіб відповіді в одному місці. Листування пов’язане з карткою клієнта, де зрозуміло вказано менеджера та цікаві клієнтові мотоцикли.
Ми пов’язали розмову з візитом: працівники пропонують час у шоурумі, а покупець вибирає онлайн. Угоди й завдання переносять наступний крок далі. Кожен мотоцикл має власний запис наявності, а окремий етап публікації дає дилеру контроль над тим, що покупець побачить на сайті.
Наш внесок
Ми підготували UX/UI-дизайн і повторно використовувані компоненти, потім у межах студійного проєкту розробили фронтенд шоуруму й анімацію. Фірмовий стиль і зображення мотоциклів належать MV Agusta.
Наш внесок
Ми визначили напрям продукту, описали зв’язки й процеси, розібрали першу версію за розділами, спроєктували та розробили адаптивний фронтенд. Робота охопила видимий інтерфейс і правила взаємодії його розділів.
01 / Пріоритети дилера
Показати доступні мотоцикли біля самого входу.
На головній наявність іде відразу після першого зображення. Стан, рік і ціна видимі разом, тому перше рішення стосується мотоцикла, який дилер справді пропонує.
Тест-драйви й сервіс ідуть наступними прямими діями. Це щоденні причини приїхати до дилера, тому вони мають чітке місце в ієрархії сторінки.
02 / Вивчення моделі
Зберегти наступний крок поруч із моделлю.
Ми об’єднали мотоцикл, доступні ракурси, основні характеристики й перехід до наявності в цілісній картці продукту. Покупець може розглядати модель, не втрачаючи практичних відомостей.
Перегляд наявності переносить вибрану модель у фільтр складу. Так виразна сторінка моделі пов’язана з доступними мотоциклами дилера.
03 / Вибір із наявності
Дати кожному мотоциклу власні подробиці.
Оголошенню про наявність недостатньо назви моделі. Ми розмістили поруч із мотоциклом запитувану ціну, рік, пробіг, попередніх власників і частину VIN, а також дію надсилання запиту.
Фільтри сімейства, моделі й стану звужують список, а сортування допомагає порівнювати ціну та рік. Вибір зберігається в URL, щоб поділитися результатом. Показана наявність — приклад даних.
04 / Візуальний напрям
Провести бренд усім шляхом покупки.
Великі зображення мотоциклів, сильна типографіка й світло-темний контраст зберігають упізнаваність MV Agusta. Ми використали фотографії бренду в новій композиції та системі компонентів.
На сторінці моделі технічні подробиці мають власний візуальний ритм: великий план, чіткий заголовок і коротке пояснення. Анімація дотримується цієї ієрархії: виразний початок і спокійніші переходи між деталями.
01 / Розмови з клієнтами
Відповідати покупцеві з одного місця.
Клієнт може почати на сайті й продовжити в повідомленнях. Відповідаючи, працівники мають бачити попередню розмову, незалежно від каналу покупця.
Ми об’єднали заявки із сайту, пошту й SMS в одному чаті, указавши канал кожного повідомлення. У цьому прикладі Carlos переходить із сайту в SMS; працівник відповідає поруч з історією, над якою показано потрібний мотоцикл.
02 / Відповідальність за клієнта
Закріпити кожного клієнта за його менеджером.
За спільним контактом дилера має стояти зрозуміла відповідальність. Команда може призначити менеджера клієнтові й бачити, хто веде відносини та який наступний крок.
Ми закріпили відповідальність у картці клієнта. Якщо контакти вказують на наявного клієнта, нова заявка пов’язується з цією карткою та зберігає призначеного менеджера. Розмови й подальші завдання залишаються пов’язаними з однією людиною.
03 / Від розмови до візиту
Перетворіть повідомлення на записаний візит.
Прохання на кшталт «у четвер після роботи» має вести до візиту, який покупець може підтвердити онлайн. Ми розмістили запропоновані години шоуруму просто в розмові, щоб працівник міг організувати візит, поки запит перед очима.
Покупець вибирає час, і вибір стає зустріччю, пов’язаною з листуванням. У демоверсії попередній перегляд листа дозволяє пройти покупецьку частину сценарію.
04 / Довести до результату
Продовжити продаж після першої відповіді.
Після відповіді чи запису на візит команда все ще має розуміти, що далі. Кожна угода об’єднує покупця, конкретний мотоцикл і наступну дію.
Ми зробили наступний крок завданням, спільним для угоди та списку завдань, із відповідальним і строком. Вихідне повідомлення покупця можна прикріпити, щоб працівник бачив домовленість. Дошка виділяє прострочені кроки й угоди без наступної дії.
05 / Рішення щодо наявності
Знати, які мотоцикли варто розглянути уважніше.
Два мотоцикли однієї моделі можуть мати різні ціну, доступність і час на сайті. Їхнє об’єднання приховало б подробиці, потрібні дилеру для рішення.
В основу обліку й звітності ми поставили окрему одиницю наявності. Кожен мотоцикл має свої перегляди й заявки. Аналітика привертає увагу дилера до закономірностей, як-от багато переглядів без заявок, для уважнішого розгляду.
06 / Контроль над сайтом
Перевірити зміни до того, як їх побачать покупці.
Нова ціна чи статус «Зарезервовано» змінюють пропозицію дилера. Працівникам потрібна змога перевірити ці зміни разом.
Ми розділили збереження чернетки та публікацію змін. Очікувані правки видно за полями, а публікація залишається свідомою наступною дією. Новини й імпорт CSV дотримуються того самого правила.
Результат
Переданий дизайн і робочий шоурум.
Замовний дизайн передано клієнтові. Згодом ми самостійно розробили цей 28-сторінковий шоурум зі сторінками моделей, фільтрами наявності, тест-драйвами й сервісом. Показана версія містить приклади даних; форми перевіряють введення, але не надсилають його.
Результат
Робоча платформа дилера.
Робочий застосунок для комп’ютера, планшета й телефона, який поєднує спілкування з клієнтами, розподіл відповідальності, запис на візит і роботу з продажами з керуванням наявністю та сайтом. Досліджуйте процеси на прикладах даних; зміни залишаються у вашому браузері. Демоверсія не підключена до сайту дилера, пошти чи SMS-сервісів.
