Роксол

Мы пробовали большое количество композиционных решений первого экрана и шапки сайта пока не пришли к правильному и подходящему

Было принято решение использовать слайдер, который автоматически перелистывает слайды, а также сделать акцент на визуальной составляющей и использовать фотографии. Визуал для первого экрана был сделан с нуля с использованием 3Д подшипника, проработкой теней и подходящего бэкграунда

В шапку сайта вынесли основные ссылки и сгруппировали их для удобного восприятия пользователем. Центральное выравнивание показалось нам не совсем удачным решением, поэтому мы отказались от этой идеи

• На первом экране главной страницы мы расположили 2 баннера, один из которых сделали с нуля с использованием 3D объекта
• Добавили блок с популярным товарами - это поможет сильнее зацепить пользователя и повысит возможность перехода к карточке товара или в каталог
• Расположили блок “Аналоги”. Для клиента это блок являлся важным, но информации практически не было. Мы сформулировали заголовок, основные преимущества и согласовали эту информацию с клиентом
• Дополнили главную страницу двумя промо-блоками, чтобы создать небольшой wow-эффект и запомниться пользователям

• Пересобрали на странице каталога фильтрацию и карточки товара. Также дополнили каталог табами, для быстрого переключения и поиска нужной продукции
• Карточки товара не потеряли свою информативность и стали визуально лучше выглядеть
• Фильтрация стала более привычной, удобной и понятной для пользователя. Отрисовали состояние открытия и показали интерактивные элементы

Разделили между собой неизменную и меняющуюся при разном объёме информацию о товаре. Меняющуюся информацию и кнопки мы закрепили, чтобы при скролле пользаватель мог в любой момент оставить свои контакты для получения информации, либо перейти в маркеплейсы, для того чтобы приобрести товар в розницу

Использовав меньший контейнер и 2-колоночную сетку — мы сконцентрировали внимание пользовалеля в середине страницы и тем самым сгруппировали информацию

Привели страницу к единой стилистике, сделали фотографию увеличивающуюся по скроллу - это поможет заинтересовать пользователя. Изображения для слайдера в блоке “История компании” создали с помощью нейронной сети, а также спроектировали слайдер и выполнили его более удобным

• Поработали над функционалом карточек для аналогов, изменили обложку и добавили форму обратной связи
• Информацию на странице аналога сделали более удобной и информативной для восприятия пользователем, сформировали таблицу характеристик

• В качестве шрифта использовали уверенный гротеск, который показывает уверенность компании и хорошо сочетается, а также дополняет скругления на плашках и изображениях
• Были подобраны сочетающиеся между собой цвета и определённое количество текстовых стилей, которые задают удобную и понятную иерархию

Разработали дизайн-систему, которую можно легко редактировать и использовать. Придерживались консистентности, так как это позволяет не плодить разные размеры у кнопок, карточек и т.д., а визуальный стиль сайта таким образом становится более слаженным

Примеры дизайна страниц, которые включают в себя контент, ориентированный на большее погружение пользователей с компанией

«Обновлённый сайт стал более современным и удобным для пользователей»

Мы обратились в компанию “Славный дизайн” для редизайна сайта компании. Команда проявила высокий профессионализм и творческий подход. Все работы были выполнены в срок, каждый этап работы сопровождался специалистами компании, в ходе работы им был выдвинут ряд инициатив положительно сказавшихся на работе сайта.

Линев С.Н. Генеральный директор ООО «РОКСОЛ»