В этом проекте нужно было переработать сайт компании, связанной с изготовлением и монтажом спортивного оборудования. Работа затронула не один экран: был обновлён внешний вид главной страницы, разработан новый каталог и оформлена карточка товара.
Ниже показываем исходную версию и итоговые макеты – без абстрактных рассуждений о редизайне, на примере реального проекта.
Что было задачей проекта
На момент начала работы сайт уже существовал, поэтому задача заключалась не в создании проекта с нуля, а именно в переработке визуальной части существующей площадки.
Переработать основную страницу и сделать подачу более современной.
Разработать новое визуальное представление списка продукции.
Продумать отдельную страницу для конкретного товара.
Главная страница до редизайна
Так выглядела главная страница до начала нашей работы. Именно эта версия стала отправной точкой для дальнейшей переработки.
Существующий дизайн сайта
Главная + каталог + товар
В редизайне мы не ограничились одной главной страницей. Новый визуальный подход был продолжен на внутренних страницах, чтобы сайт воспринимался как единая система.
Новая главная страница сайта спортивного оборудования
После переработки главная получила новое оформление. Здесь уже формируется визуальный язык, который затем используется в каталоге и карточке товара.
Редизайн каталога продукции
Следующий экран проекта – каталог. Его задача уже отличается от главной: здесь пользователь переходит непосредственно к ассортименту, поэтому визуальная система должна продолжаться без ощущения перехода на другую площадку.
Новая карточка товара
Третьей частью проекта стала карточка товара. Это уже самый предметный экран: пользователь рассматривает конкретную позицию, поэтому дизайн должен поддерживать структуру каталога, но работать с информацией об одном товаре.
Что показывает этот кейс
В данном проекте новый подход распространился сразу на несколько типов страниц.
Исходный вариант сохранён, поэтому изменения можно оценивать не по описанию, а визуально.
Другие кейсы веб-дизайна
Этот проект можно сравнить с другими работами VozniNet по прототипированию и переработке интерфейсов.
Посмотреть кейс прототипа →
Посмотреть другой редизайн →
Нужен новый дизайн существующего сайта?
Покажите текущую страницу или сайт и опишите, что именно хотите изменить. Посмотрим задачу и подберём близкие примеры из портфолио.