Для интернет-магазина Solo Oboi была проведена переработка шапки и главной страницы сайта, а также карточки товара.
В ходе работы были переработаны блоки на главной странице. Мы изменили визуальные элементы интерфейса, поработали над структурой и обновили карточки товаров в каталоге.
В результате сайт стал выглядеть современнее и перестал напоминать типовое шаблонное решение.
Обновление шапки сайта
Одной из задач проекта стала переработка шапки сайта.
Навигация была структурирована, а высота хедера уменьшена, благодаря чему верхняя часть страницы стала компактнее и аккуратнее. Это позволило освободить больше пространства для контента и улучшить визуальное восприятие страницы.
Редизайн главной страницы
Главная страница была переработана как с точки зрения структуры, так и с точки зрения визуального оформления.
В процессе редизайна обновили:
- оформление блоков;
- визуальные акценты;
- графические элементы интерфейса.
Благодаря этому сайт стал выглядеть современнее и аккуратнее.
Также структура страницы стала более понятной: ключевые блоки расположены логично, и пользователю легче ориентироваться в каталоге.
Переработка карточки товара
Одним из основных этапов проекта стала полная переработка карточки товара.
Главной задачей было сделать так, чтобы покупатель мог лучше рассмотреть обои и понять их фактуру и рисунок, для этого была изменена структура галереи изображений.
Теперь в карточке представлены:- реализована крупная галерея изображений;
- добавлен удобный просмотр нескольких фотографий товара;
- после основных изображений отображаются уменьшенные превью;
- отображаются доступные варианты цветов;
- выводится информация о наличии товара;
- добавлен блок с аналогичными товарами.
Благодаря этому пользователь может быстрее оценить внешний вид обоев и посмотреть разные варианты оформления.
Также была переработана структура информации в карточке: основные параметры товара стали легче восприниматься, а фотографии стали ключевым элементом страницы.
Блок преимуществ компании
Отдельное внимание было уделено блоку преимуществ.
Ранее информация в этом разделе выглядела перегруженной. В новой версии его упростили и сделали более наглядным: на странице отображаются четыре ключевых преимущества компании в формате цифр, которые быстро считываются пользователями.
Такой формат помогает донести важную информацию о магазине без перегрузки интерфейса.
Блок партнеров
Формат бегущей строки был реализован для размещения большего количества партнеров, при этом не занимая много пространства на странице. Блок выглядит динамично и не перегружает структуру сайта.Перераспределение характеристик
Также была изменена структура характеристик товара.
Основные параметры теперь расположены в верхней части карточки и видны сразу при открытии страницы. Это позволяет быстрее получить ключевую информацию о товаре без необходимости прокручивать страницу.
Результат
После обновления интерфейс сайта стал более структурированным и удобным для просмотра каталога.
Основные изменения:
- главная страница получила более понятную структуру;
- добавлен блок популярных разделов;
- упрощен блок преимуществ;
- реализован блок партнеров с логотипами;
- карточка товара стала более современной и удобной для просмотра.
