Дмитров Дом
Моя роль: Cтарший веб-дизайнер
Проблема
В 2023 году компания "Самолет" столкнулась с необходимостью оперативного выхода на рынок с инновационным продуктом, который предоставлял возможность жить в собственном доме, не жертвуя привычным уровнем городского комфорта. Однако на сайте компании отсутствовала специальная страница, где потенциальные клиенты могли бы узнать подробную информацию о продукте, его характеристиках, преимуществах и условиях приобретения. Это создавало значительные трудности в продвижении продукта и замедляло его запуск на рынок, что было критически важно в условиях сжатых сроков.
Решение
Мы пришли к выводу, что, несмотря на инновационность продукта для компании, для первой минимально жизнеспособной версии (MVP) можно использовать уже существующий набор элементов пользовательского интерфейса (UI-kit). Это позволило значительно сократить время на разработку без необходимости создания уникальных графических элементов. Таким образом, удалось сосредоточиться на ключевой задаче — оперативно донести информацию до пользователей и обеспечить легкость взаимодействия с продуктом на этапе его запуска.
Процесс
Исследование
Так как задача включала разработку калькулятора, который позволял бы пользователю выбирать не только стоимость дома, но и его метраж, а также важные параметры, такие как основа дома, стиль фасада и тип комплектации, я провел исследование существующих решений. Изучил аналогичные калькуляторы и пользовательские пути, чтобы выявить лучшие практики и понять, как сделать процесс выбора интуитивным и удобным для потенциальных клиентов.
Так как задача включала разработку калькулятора, который позволял бы пользователю выбирать не только стоимость дома, но и его метраж, а также важные параметры, такие как основа дома, стиль фасада и тип комплектации, я провел исследование существующих решений. Изучил аналогичные калькуляторы и пользовательские пути, чтобы выявить лучшие практики и понять, как сделать процесс выбора интуитивным и удобным для потенциальных клиентов.
Wireframes
На основе проработанной структуры страницы я создал wireframe, который визуализировал ключевые блоки и элементы интерфейса. Wireframe включал все необходимые разделы — от описания продукта до интерактивного калькулятора.
На основе проработанной структуры страницы я создал wireframe, который визуализировал ключевые блоки и элементы интерфейса. Wireframe включал все необходимые разделы — от описания продукта до интерактивного калькулятора.
Прототипы
В сотрудничестве с командой мы разработали несколько вариантов прототипов для ключевых блоков страницы.
В сотрудничестве с командой мы разработали несколько вариантов прототипов для ключевых блоков страницы.
Результат
