Header
Viomi — Промо-сайт умной техники премиум-класса | Кейс

Viomi — промо-сайт умной техники премиум-класса

Дизайн цифровой витрины для линейки встраиваемой кухонной техники

Viomi Smart Kitchen
Задача
Промо-сайт для запуска продукта
Роль
Lead UX/UI Designer
Инструменты
Figma, Photoshop, Tilda
Год
2022

О проекте

Viomi — китайский производитель премиальной умной техники для дома, входящий в экосистему Xiaomi. Бренд выходил на российский рынок с линейкой встраиваемой кухонной техники: духовыми шкафами, варочными панелями, вытяжками и посудомоечными машинами.

Задача — создать промо-сайт, который представит продуктовую линейку, покажет технологические преимущества и направит пользователей к покупке через партнёров.

Промо-сайт Умная техника Product Launch B2C

Контекст и задача

Бизнес-контекст

Viomi входит в российский рынок встраиваемой техники, который уже занят европейскими брендами (Bosch, Electrolux, Siemens). Конкурентное преимущество — умные технологии и привлекательная цена при премиальном качестве.

Задачи сайта

  • Представить бренд и линейку продуктов
  • Показать технологические преимущества
  • Объяснить концепцию "умной кухни"
  • Направить к партнёрам для покупки
  • Собрать базу потенциальных клиентов

Ограничения

  • Сжатые сроки — 3 недели
  • Реализация на Tilda
  • Ограниченный бюджет на фотографии
  • Нужна адаптация под мобильные
  • Интеграция с CRM для лидов

Целевая аудитория и исследование

Для понимания аудитории был проведён анализ покупательского поведения и конкурентного окружения.

Модернизаторы кухни

30-45 лет

Делают ремонт или обновляют технику. Изучают характеристики, сравнивают цены. Важна совместимость с интерьером.

Энтузиасты технологий

25-40 лет

Интересуются умными решениями и автоматизацией. Готовы платить за инновации. Ценят управление через приложение.

Премиум-покупатели

35-55 лет

Выбирают качество и статус. Важен дизайн и бренд. Готовы к высокой цене при понятной ценности.

Методы исследования

  • Анализ конкурентов (Bosch, Electrolux, Miele)
  • Изучение отзывов на Яндекс.Маркете
  • Интервью с отделом продаж
  • Анализ запросов в поисковиках

Ключевые инсайты

  • Покупатели сравнивают 3-5 брендов
  • Важны отзывы и визуал продуктов
  • "Умные" функции — главный интерес
  • Нужна понятная информация о где купить

Стратегия и подход

На основе исследования была сформирована стратегия дизайна:

01

Технологичность через визуал

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

02

Информация по слоям

Главные преимущества — сразу, детали — в развёрнутых блоках. Иконки и схемы вместо текстовых описаний

03

Фокус на применении

Показываем не только характеристики, но и реальные сценарии использования: как техника упрощает жизнь

04

Адаптивность для точек продаж

Мобильная версия оптимизирована для консультантов и покупателей в магазинах

Дизайн-концепция

Цветовая система

#0A0C10
Основной фон
#00D9C0
Акцентный цвет
#FFFFFF
Текст и элементы

Типографика

Заголовки — PP Neue Machina Regular
Премиальная умная техника
Основной текст — Lato Regular
Минималистичный дизайн, много воздуха, крупная типографика, акцент на фотографиях продуктов.

Ключевые решения

Структура каталога по категориям

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

Навигация с превью продуктов Фильтры по характеристикам Сравнение моделей внутри категории

Визуализация технологий

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

3D-сцены особенностей Анимированные схемы работы функций Фото блюд, приготовленных в технике

Интеграция с экосистемой

Отдельный раздел посвящён управлению техникой через приложение Xiaomi Home

Удалённый контроль Автоматические программы Рецепты в приложении

Где купить

Блок с партнёрами и точками продаж

Карта салонов Ссылки на партнёров Форма обратной связи

Примеры страниц

Реализация и особенности

Технологии

Сайт реализован на конструкторе Tilda. Выбор обусловлен скоростью разработки и возможностью клиента самостоятельно обновлять контент.

  • Zero Block для кастомных секций
  • Интеграция с amoCRM
  • Google Analytics и Яндекс.Метрика
  • Онлайн-чат Jivosite

Оптимизации

  • Адаптивная вёрстка для всех устройств
  • Lazy loading для изображений
  • Оптимизация скорости загрузки (до 3 сек)
  • SEO-оптимизация заголовков и мета-тегов
  • Микроразметка для поисковиков

Результаты

Промо-сайт был запущен одновременно с началом продаж в России и показал следующие результаты за первые 3 месяца:

12,4K
уникальных посетителей
4:32 мин
среднее время на сайте
68%
переходов в каталоги партнёров
2,8
отказов (очень низкий показатель)

Качественные показатели

  • Сайт стал основным источником информации для консультантов в магазинах
  • Покупатели отмечали понятность технических описаний
  • Партнёры использовали материалы сайта в своих каталогах

Выводы и развитие проекта

Для промо-сайта техники визуал важнее объёма текста — качественные фото и схемы работают лучше длинных описаний

Тёмная тема оказалась оптимальным выбором для премиального позиционирования tech-продуктов

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

Интеграция с экосистемой Xiaomi стала сильным аргументом для tech-savvy аудитории

Дальнейшее развитие

После успешного запуска было принято решение о развитии проекта:

  • Добавление раздела с рецептами и кулинарными советами
  • Интерактивный конфигуратор для подбора техники под кухню
  • Интеграция личного кабинета для управления техникой
  • Расширение базы видео-контента с демонстрацией функций
Made on
Tilda