e-commerce | desktop

ArtLife - архитектурное бюро

Проект для архитектурного бюро, которое занимается типовыми и индивидуальными проектами. Сайт должен был не только представлять услуги компании, но и помогать пользователям быстро находить подходящее решение, ориентируясь на бюджет, характеристики и индивидуальные параметры
таймлайн
  • Клиентам было сложно ориентироваться в большом количестве проектов и сравнивать их между собой
  • Потенциальным заказчикам не хватало прозрачности в стоимости и деталях проектов, их ожидания часто не оправдывались
  • Бюро нужно было уменьшить количество однотипных запросов к менеджерам, связанных с ценой и характеристиками
Для типовых проектов была разработана карточка с максимально полной информацией: планировки, материалы, характеристики, видеообзор, отзывы и несколько комплектаций с важными тегами (например «терраса» или «два санузла»). Чтобы пользователи могли быстро находить подходящий вариант, мы внедрили расширенную фильтрацию по бюджету, метражу и особенностям. Также был реализован калькулятор, позволяющий рассчитать стоимость с учетом ключевых параметров — от типа фундамента до количества этажей и дополнительных опций, который позволял рассчитать как стоимость типового проекта, так и ценовой диапазон относительно индивидуального проектирования. В дополнение к этому был создан личный кабинет, где клиент может отслеживать этапы работы и получать быстрый доступ ко всем документам. Такой подход сделал выбор и заказ проекта более прозрачным и самостоятельным для пользователя, а также снизил нагрузку на менеджеров бюро.
ПРОБЛЕМА
РЕШЕНИЕ
Я разрабатывала карточку проекта и калькулятор (типовой + индивидуальный), а также сетку и базовую стилистику
Figma, FigJam, Zoom, Airtable
МОЯ РОЛЬ
ИНСТРУМЕНТЫ
2 месяца
СРОК
Прототип

Таймлайн работы

брифинг заказчика
и разделение ролей
Над проектом я работала в рамках группы из 4 человек, мы определили предварительные роли для каждого и составили вопросы для брифа.
исследование: глубинные интервью
в результате брифа мы поняли что у нас нет понимания с какой проблемой мы работаем и приняли решение провести за неделю небольшое исследование. в рамках брейншторма был написан сценарий интервью, также каждый взял по 1-2 интервью (на мне было 2 интервью, всего 6) и сделали тематическое кодирование результатов
СJM
В формете брейншторма составили 2 CJM используя наиболее явные паттерны из результатов интервью
ВАРФРЕЙМЫ И ТЕСТИРОВАНИЕ
Я отрисовала карточку типового проекта и калькулятор, а также помогла с отрисовкой главной страницы. Мы провели быстрые тесты каждой из отрисованных страниц
UI-КИТ и прототип
На данном этапе я занялась внесением правок по результатам тестов, обновила сетку и пересобрала все экраны с учетом этого обновления (с добавлением новых разделов старая сетка потеряла акутальность, а мы хотели найти единое решение), а также занималась детализацией и дизайном своих страниц
ТЕСТИРОВАНИЕ И ПРЕЗЕНТАЦИЯ
Я добавила interactions к интерфейсу, провела 2 тестирования с 3 заданиями (все успешно, только мелкие правки) и собрала презентацию проекта
Смотреть другие кейсы
Предложить работу или задать вопрос:
Радосавлевич Дина
Product UX/UI designer
Telegram: dafnadina
Email: dina.radosavlevich@gmail.com
Made on
Tilda