Проект выполнен в рамках работы в API Media
UX/UI-дизайн и реализация многостраничного сайта
Каталог продукции, карточки товаров, техническая информация и современная визуальная подача для архитекторов, проектировщиков и корпоративных клиентов.
В рамках проекта я отвечала за создание визуального и интерфейсного решения на основе предоставленной структуры сайта.
- Проектирование UX/UI главной и внутренних страниц
- Разработка визуальной концепции в эстетике современной архитектуры
- Проработка структуры и пользовательских сценариев
- Дизайн решений, категорий и реализованных проектов
- Подготовка адаптивных макетов в Figma
- Адаптация и реализация проекта на Tilda
Задача проекта
Перед проектом стояла задача создать современный B2B-сайт, который будет выглядеть профессионально, облегчать восприятие большого объёма информации и помогать представителям бизнеса быстро находить нужную продукцию.
Основные требования:
- понятная структура решений и категорий
- логичная навигация и понятные пользовательские сценарии
- понятная подача материалов, характеристик и преимуществ
- акцент на визуальной подаче интерьеров и реализованных проектов
- единый премиальный стиль для всех страниц
Визуальная концепция
Основой стала тёмная нейтральная палитра, которая позволяет сфокусировать внимание на продукции и создаёт ощущение технологичности и премиального качества.
Использована современная гротескная гарнитура с акцентом на читаемость технической информации и чёткую визуальную иерархию.
Решение
Я сосредоточилась на том, чтобы интерфейс был одновременно технологичным, визуально чистым и удобным для B2B-аудитории.
Ключевые принципы:
- минимум визуального шума и максимум воздуха
- чёткая иерархия контента и понятные сценарии
- крупные изображения интерьеров и реализованных проектов
- понятная подача материалов, решений и преимуществ
- единая сетка, типографика и система отступов
Результат
В результате был создан современный UX/UI-макет B2B-сайта, который сочетает визуальную чистоту, удобную структуру каталога и понятную подачу технической информации.
Дизайн помогает:
- быстрее ориентироваться в типах систем хранения
- лучше понимать особенности и преимущества решений
- формировать ощущение премиального и профессионального бренда
- показывать индивидуальность решений и качество исполнения
Главная страница MIRA
