Сайт-каталог производителя
стройматериалов
Braer — российский холдинг по производству керамических стройматериалов европейского качества. Предприятие выпускает кирпичную продукцию нового класса, совмещая в себе эстетику, инновационность и традиции поколений.
braer.ru
Глобальная задача
Упростить взаимодействие пользователей с сайтом. Разработать удобный каталог с нативной навигацией и стильным, современным дизайном.
Состав работ
Провели подробную аналитику клиента и его окружения. Обновили дизайн-систему бренда. Разработали структуру сайта с масштабным каталогом товаров и услуг компании. Предусмотрели личный кабинет и внедрили нестандартный функционал.
Предпроектная
аналитика
Мы провели тщательное предпроектное исследование: изучили более 40 сайтов конкурентов, выявили их преимущества и проанализировали UI/UX аспекты.
На основании исследования определили наиболее удачные решения, которые взяли в разработку прототипов. Таким образом, сфокусировались на создании качественного и удобного продукта, отвечающего всем требованиям и ожиданиям пользователей.
Структура сайта
Мы полностью переосмыслили существующую структуру сайта. Проанализировали каждую страницу с целью повышения ее удобства и доступности для пользователей.
Прототипирование
На этапе прототипирования уделили особое внимание структуре страниц, сделали их содержательными и эффективными.
Приоритетом стало упрощение взаимодействия пользователей с каталогом продукции и наполнение главной страницы полезным контентом, который сразу рассказал о профиле компании и предоставляемых услугах.
Разработка дизайн
системы
В дизайне сайта мы воплотили все пожелания заказчика и создали корпоративный стиль, сочетающий в себе брутальность, понятность, современность и удобство.
Мы разработали подробный UI KIT, в котором отразили гармонию всех компонентов сайта: сеток, цветов, шрифта, иконок и элементов.
Подбор палитры, типографики
и иллюстраций
Выбранная цветовая палитра выгодно выделяет бренд на фоне конкурентов.
Шрифт Pragmatiсa отлично подходит для заголовков и основного текста, поддерживает дизайн и отражает стиль сайта.
Продукцию клиента облекли в минималистичные векторные иллюстрации, поддерживающие основную дизайн-концепцию бренда.
Разработка анимаций
Отличным решением стало добавление анимаций сложного процесса производства. Это помогло сделать его понятным и интересным для пользователей.
Отдельное внимание уделили особой коллекции кирпича. Мы создали для нее уникальную темную тему и индивидуальный дизайн карточек, тем самым подчеркнув эксклюзивность и премиальность продукции.
Функционал и возможности
Структурирование каталога
Мы значительно расширили возможности каталога. Теперь на странице категории выводятся коллекции, фильтры и товары в нескольких форматах — плиткой или списком.
Для удобной работы со списком товаров мы оптимизировали пространство и вывели нестандартный вид фильтров. Это позволило сэкономить место для товаров и не потерять качество взаимодействия с фильтрами.
Оформление заказа в поддонах
Мы успешно интегрировали функционал оформления заказа не только в штуках,
но и в поддонах (м2).
Такое нестандартное решение потребовало кастомной разработки и высокого профессионализма нашей команды. В результате мы предоставили покупателям удобный и практичный инструмент управления заказами.
Штука
Поддон
Создание продающей карточки товара
В основу создания карточки легла идея подробной консультации о товаре. Карточка, подобно умелому продавцу в оффлайн-магазине, рассказывает о ключевых преимуществах товара, работает с возражениями, демонстрирует продукцию в кладке и на фото проектов. А также вовлекает в процесс подсчета товара с помощью привлекательной и наглядной анимации.
Страница превратилась в эффективный и информативный инструмент, помогающий клиентам принять обоснованное решение о покупке.
Реорганизация
личного кабинета
Мы провели оптимизацию личного кабинета, улучшили его структуру и упорядочили содержание. Теперь все материалы находятся в интуитивно понятных разделах, что позволяет пользователям быстрее находить нужную информацию и файлы.
В личном кабинете мы предусмотрели возможность отправки заявок на материалы и на отслеживание их статуса. Упростили работу дистрибьюторов с заказами: сократили количество лишних статусов, добавили историю общения с менеджерами и многое другое.
Разработка
адаптивной версии
Наличие мобильной версии является неотъемлемым атрибутом успешного сайта. Поэтому мы внимательно подошли к адаптивным версиям, сделав их максимально удобными и оптимизированными под различные устройства.
Фильтры в мобильной версии продуманы для удобного использования одной рукой. Интерфейс одинаково понятен и удобен на всех устройствах.
