FRONTVISUAL — мобильное приложение для визуализации отделки фасада и поиска исполнителей

FRONTVISUAL задумал мобильный сервис для владельцев частных домов, который объединяет несколько этапов ремонта фасада в одном приложении. Пользователь должен был самостоятельно визуализировать будущую отделку дома, подобрать материалы и после подготовки проекта найти исполнителя для строительно-монтажных работ. Команде WINFOX нужно было проработать техническое задание, создать прототипы и дизайн интерфейсов, а затем разработать мобильное решение. В исходных требованиях к приложению была предусмотрена работа на устройствах Android версий от 7.0 до 10.0. Главная продуктовая задача состояла в том, чтобы связать в одном пользовательском сценарии каталог строительных и отделочных материалов, инструмент визуализации фасада и поиск подрядчиков.

WINFOX разработала мобильное приложение FRONTVISUAL, в котором пользователь проходит путь от идеи отделки дома до заявки строительному исполнителю.

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

Каталог позволяет подобрать подходящие материалы. Выбранные позиции можно сохранить и использовать при создании собственного проекта фасада.

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

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

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

Таким образом, отдельные функции были объединены в единый цифровой сценарий:

выбор материалов → визуализация фасада → сохранение проекта → заявка → выбор исполнителя.

Для управления каталогом, исполнителями и поступающими заявками WINFOX также реализовала административную панель.

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

Основные экраны приложения

Главный экран

На главном экране собраны созданные пользователем проекты. Они автоматически сортируются по дате последнего редактирования, поэтому к актуальному проекту можно быстро вернуться.

Профиль

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

Каталог материалов

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

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

Избранное

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

Что умеет приложение

Мгновенная регистрация

WINFOX реализовала регистрацию по номеру телефона с использованием Firebase. Пользователю не требуется создавать и запоминать отдельный логин и пароль.

Встроенный графический редактор

Одна из ключевых функций FRONTVISUAL — редактор для самостоятельной визуализации отделки фасада.

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

За счет этого фотография реального дома превращается в основу для визуального проекта отделки.

Обучение работе с редактором

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

Всплывающие подсказки последовательно объясняют назначение элементов управления и помогают освоить редактор непосредственно внутри приложения.

Отправка проекта

Созданным изображением фасада можно поделиться по электронной почте или через мессенджеры.

Это позволяет показать выбранный вариант другим людям и обсудить отделочные материалы до оформления работ.

Карточка материала

В карточке товара собрана информация, необходимая для выбора отделочного материала: фотографии, описание, характеристики, артикул и похожие товары.

Материал можно сохранить и затем использовать при работе над собственным проектом.

Заявка на выполнение работ

После создания проекта пользователь может перейти от визуализации к поиску подрядчика.

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

Выбор исполнителя

Исполнителей можно искать списком или на карте.

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

WINFOX создала для FRONTVISUAL мобильный сервис, который объединяет визуализацию отделки фасада, каталог строительных материалов и поиск исполнителей в одном пользовательском сценарии.

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

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

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

Проект показывает экспертизу WINFOX в разработке мобильных приложений, где требуется объединить сложную бизнес-логику, графические инструменты, каталоги, пользовательские заявки и работу с подрядчиками в одном продукте.

Стек технологий

Kotlin
Swift
Symfony
Docker
Firebase
Яндекс Метрика
Google Analytics