У СВВ-500 продавались товары на WB и OZON, но они решили сощдать свой собственный сайт. Я создала десктопную и мобильную версии сайта по пожеланиям и цветам по запросу заказчика, создала анимации для кнопок и карточек на всем сайте, спроектировала калькулятор для пользователя, для расчета килограмм для покупки гипсовой смеси.
Задачи и цели
- Создать собственный канал продаж и коммуникации с клиентами вместо зависимости от маркетплейсов.
- Разработать удобный и понятный интерфейс для выбора материалов.
- Упростить процесс расчета необходимого количества гипсовой смеси перед покупкой.
- Передать надежность бренда через современный визуальный стиль и удобный пользовательский опыт.
Что было сделано / результаты
- Изучила требования заказчика и особенности продукта.
- Разработала структуру сайта и пользовательские сценарии.
- Спроектировала адаптивные версии сайта для десктопа и мобильных устройств.
- Создала визуальную концепцию на основе фирменных цветов и пожеланий клиента.
- Разработала интерфейсы всех ключевых страниц сайта.
- Спроектировала интерактивный калькулятор для расчета необходимого количества гипсовой смеси.
- Добавила анимации для кнопок, карточек товаров и интерактивных элементов для улучшения пользовательского опыта.
- Подготовила дизайн, готовый к передаче в разработку.
Калькулятор расчета смеси
Чтобы клиенту не приходилось самостоятельно рассчитывать количество материала, был разработан удобный калькулятор
Пользователь вводит параметры помещения, а система помогает определить необходимое количество гипсовой смеси для покупки. Это снижает вероятность ошибки при выборе товара и делает процесс заказа более удобным.
Адаптация под мобильные устройства
Так как часть клиентов ищет строительные материалы с телефона прямо на объекте, была создана полноценная мобильная версия сайта
Интерфейс адаптирован под небольшие экраны: упрощена навигация, оптимизированы блоки, сохранена удобная работа с каталогом и калькулятором.
Визуальный стиль и анимации
Для сайта был разработан современный визуальный стиль, отражающий сферу строительных материалов: надежность, качество и профессиональный подход
Добавленные микроанимации сделали интерфейс более живым: кнопки реагируют на действия пользователя, карточки товаров плавно взаимодействуют при наведении, а переходы между блоками создают ощущение цельного продукта.
