2026
О проекте
Компания «СпецНовострой» сервис по обустройству квартир под ключ и хоумстейджингу (Москва и МО)
Роль
Продуктовый/визуальный дизайнер (проектная занятость)
Период работы: 3 месяца
Команда: маркетолог, SEO-специалист, SMM, разработчик
Период работы: 3 месяца
Команда: маркетолог, SEO-специалист, SMM, разработчик
Создание и развитие дизайн-системы продукта
Проблема
В продукте отсутствовала дизайн-система: интерфейсы разрабатывались в разрозненных Figma-файлах без единых правил и структуры. На сайте одновременно использовались разные шрифты и стили, а визуальные и интерфейсные решения принимались ситуативно, без зафиксированных принципов.
Решение
Облегчить задачу поиска и выбора одежды, предложив на помощь ИИ-стилиста, который помогает принять решение быстрее и увереннее.
Решение
- Разработала брендбук и минимальную дизайн‑систему (палітра, типографика, правила обрезки фото, шаблоны).
- Спроектировала и внедрила блок акций на Bitrix: визуально заметный, адаптированный для мобильных, с CTA и UTM‑метками.
- Создала 25 обложек для блога и 40 шаблонов для соцсетей; подготовила 25 рекламных креативов для Яндекс РСЯ и адаптации под YouTube/VK/Instagram/Telegram.
- Провела серию A/B‑тестов (6 пар) по ключевым гипотезам: цвет CTA, крупный заголовок на обложке, контраст фона, формат изображения.
Процесс
Проект основан на итеративном подходе, включающем четыре этапа: исследование, формирование гипотез, разработка и тестирование, пост-анализ. Такой подход позволяет рассматривать дизайн как управляемый процесс, опирающийся на данные и последовательное улучшение продукта.
Исследование
- анализ прямых и непрямых конкурентов, изучение того, как они используют главную - как объясняют продукт, как ведут пользователя дальше
- опросы, интервью внутри компании - что хочется видеть на главной
User Flow
Логика построения: провести пользователя от главной страницы к карточке товара и оформлению заказа с минимумом кликов, одновременно встроив ИИ‑стилиста как доступный и заметный канал персонализированных рекомендаций на уровне каталога и карточки
Экраны
Были подготовлены макеты под три адаптива (мобильный, планшет и десктоп) с сохранением визуальной идентичности и ключевых сценариев на всех точках.
Итог
Дизайн-система сократила количество уточняющих вопросов со стороны разработки, уменьшила число правок на этапе вёрстки и снизила повторную реализацию похожих элементов. За счёт готовых компонентов, описанных состояний и единых стилей типовые интерфейсы стали собираться быстрее, а code review и поддержка экранов — проще и предсказуемее
Следующий кейс
