Задача
Ко мне обратились с просьбой переработать страницу platser-group.ru/food. До этого над ней уже работал другой дизайнер, но результат не соответствовал задачам бренда: страница выглядела перегруженной, не имела чёткой структуры и сильно отличалась от стилистики главной. Основное требование заказчика — привести её в единый визуальный стиль с главной страницей и сделать современную, стильную и удобную для пользователя.
Ко мне обратились с просьбой переработать страницу platser-group.ru/food. До этого над ней уже работал другой дизайнер, но результат не соответствовал задачам бренда: страница выглядела перегруженной, не имела чёткой структуры и сильно отличалась от стилистики главной. Основное требование заказчика — привести её в единый визуальный стиль с главной страницей и сделать современную, стильную и удобную для пользователя.
Анализ и поиск решений
Первым шагом я провела аудит существующей версии. На ней были видны ключевые проблемы:
Сравнив структуру с главной страницей сайта, я выделила ключевые элементы фирменного стиля: чистая сетка, крупная типографика, контрастные акценты и лёгкие анимации. Это стало отправной точкой для будущего редизайна.
Первым шагом я провела аудит существующей версии. На ней были видны ключевые проблемы:
- отсутствие визуальной иерархии — заголовки, тексты и карточки сливались;
- перегруженность информацией в карточках товаров, что осложняло восприятие;
- слабая работа с акцентами — кнопки и призывы к действию терялись среди контента;
- недостаточная адаптация под мобильные устройства.
Сравнив структуру с главной страницей сайта, я выделила ключевые элементы фирменного стиля: чистая сетка, крупная типографика, контрастные акценты и лёгкие анимации. Это стало отправной точкой для будущего редизайна.
Концепция и реализация
Структурирование контента
Я выстроила логику страницы так, чтобы пользователь двигался по ней естественно: от общего позиционирования бренда — к ассортименту, затем к акциям, отзывам и подписке.
Работа с карточками товаров
Старые карточки были перегружены технической информацией. Я сохранила все важные данные (состав, показатели, условия хранения), но оформила их в более удобной форме: часть информации вынесла в аккордеоны и табы, оставив сверху ключевой оффер и привлекательное изображение продукта.
Визуальная иерархия и акценты
Для заголовков и УТП я использовала более выразительную типографику и фирменные акценты в цвете. Кнопки “Купить” оформила в ярком стиле с анимацией при наведении, чтобы они сразу выделялись на фоне остального контента.
Адаптивность
Особое внимание уделила мобильной версии: упростила блоки, увеличила кликабельные зоны, проверила отображение карточек и форм на разных брейкпоинтах.
Согласованность со стилем главной страницы
Я перенесла ключевые стилистические решения главной страницы — аккуратную сетку, фирменную палитру, лаконичную подачу — и интегрировала их в дизайн продуктовой страницы. Благодаря этому сайт стал выглядеть единым целым, а не набором несвязанных страниц.
Структурирование контента
Я выстроила логику страницы так, чтобы пользователь двигался по ней естественно: от общего позиционирования бренда — к ассортименту, затем к акциям, отзывам и подписке.
Работа с карточками товаров
Старые карточки были перегружены технической информацией. Я сохранила все важные данные (состав, показатели, условия хранения), но оформила их в более удобной форме: часть информации вынесла в аккордеоны и табы, оставив сверху ключевой оффер и привлекательное изображение продукта.
Визуальная иерархия и акценты
Для заголовков и УТП я использовала более выразительную типографику и фирменные акценты в цвете. Кнопки “Купить” оформила в ярком стиле с анимацией при наведении, чтобы они сразу выделялись на фоне остального контента.
Адаптивность
Особое внимание уделила мобильной версии: упростила блоки, увеличила кликабельные зоны, проверила отображение карточек и форм на разных брейкпоинтах.
Согласованность со стилем главной страницы
Я перенесла ключевые стилистические решения главной страницы — аккуратную сетку, фирменную палитру, лаконичную подачу — и интегрировала их в дизайн продуктовой страницы. Благодаря этому сайт стал выглядеть единым целым, а не набором несвязанных страниц.
Результат
В итоге получилась современная и лёгкая страница, где:
Страница получила аккуратный и завершённый вид, соответствующий фирменному стилю Platser Group и запросу клиента.
В итоге получилась современная и лёгкая страница, где:
- пользователь сразу видит ключевые преимущества бренда;
- карточки стали удобными и не перегружают;
- акционные блоки и CTA-кнопки выделяются и мотивируют к действию;
- дизайн гармонирует с главной страницей и поддерживает общий стиль бренда.
Страница получила аккуратный и завершённый вид, соответствующий фирменному стилю Platser Group и запросу клиента.
Вывод
- Клиент получил удобный инструмент продаж
- Страница усилила фирменный стиль и повысила доверие пользователей
- Я решила задачу редизайна после другого дизайнера, сохранив контент и улучшив UX/UI
