Процесс видно изнутри
Котёл в разрезе показывает, что происходит во время очистки. Четыре этапа можно просмотреть при прокрутке или выбрать кнопками.
Сайт услуг
Центр промывки
Как проходит промывка котла и какую услугу выбрать? Сайт инженерного сервиса отвечает на вопросы об оборудовании, условиях работ и этапах очистки.
- Дизайн интерфейсов
- Разработка сайта
- 3D-визуализация и анимация
- Мобильная версия
Контекст проекта
Задача
Объяснить инженерную услугу человеку без специальных знаний: показать процесс очистки, помочь найти своё оборудование и подготовить обращение.
Дизайн и разработка
Что мы сделали
Разработали сайт с нуля: каталог услуг, страницы оборудования, стоимость, порядок работ и географию выезда. Процесс очистки показали в 3D: котёл в разрезе и четыре этапа анимации. Связали оборудование с подходящими услугами, подготовили структуру страниц для поиска и версию для телефона.
От оборудования к услуге
Котёл или система отопления — посетитель начинает со своей задачи. На странице услуги изучает состав, условия и ограничения работ.
Обращение с деталями
Форма собирает сведения об оборудовании, площади дома и проблеме. Она подготавливает письмо; отправку посетитель выполняет самостоятельно.
Интерфейсы
Экраны сайта
Нажмите на изображение, чтобы рассмотреть детали.
Главная на компьютере
Описание услуги и котёл в разрезе знакомят с работой сервиса.
Этапы очистки
Кадр анимации на этапе «Очистка». Переключение этапов связывает изображение с пояснением.
Главная на телефоне
Описание услуги, кнопка обращения и 3D-сцена адаптированы для телефона.
Сценарий обращения
Как это работает
Сначала — процесс и условия, затем — обращение с описанием системы. Детали работ согласовываются с командой сервиса.
- Знакомство с услугой
- Выбор оборудования и изучение условий
- Подготовка обращения
Что получилось
Посетитель знакомится с процессом, находит услугу для своего оборудования и готовит обращение. Текст и 3D-анимация объясняют работу сервиса вместе.
Для вашей задачи
Обсудим ваш проект
Нужен сайт, магазин или сервис? Расскажите, для кого он и какую задачу должен решить. Вместе определим, с чего начать и что войдёт в первую версию.
Обсудить проект