Четвероногий Гурман — производитель натуральных кормов для домашних животных

Обновить существующий сайт и привести его к современному визуальному и функциональному уровню.

При этом дизайн должен был работать не только на привлекательность, но и на удобство: пользователь должен быстро находить нужный бренд, категорию корма или информацию о продукте.

Отдельной задачей стало создание полезных инструментов для владельцев животных — подбора подходящего рациона и расчёта суточной нормы кормления с учётом особенностей питомца.

«Четвероногий Гурман» — производитель натуральных кормов для домашних животных с большим ассортиментом и несколькими продуктовыми брендами. Мы полностью переработали сайт компании: создали новый визуальный стиль и реализовали удобные инструменты для подбора рациона и расчёта нормы кормления.

Особенность проекта

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

Брифинг и анализ

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

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

Концепция и визуальный дизайн

В основе нового дизайна — яркая и современная подача, которая помогает передать характер бренда и сделать продукцию заметной. Мы переработали композицию страниц, типографику, карточки товаров и ключевые элементы интерфейса. Особое внимание уделили продуктовому контенту.

Одним из ключевых инструментов сайта стал подбор рациона. Пользователь указывает параметры питомца — вид животного, пол, размер и индивидуальные особенности. На основе введённых данных сайт помогает подобрать подходящий рацион.

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

UX/UI и прототипы

UX-структура сайта выстроена вокруг каталога, сценариев выбора корма и подбора рациона. Навигацию сделали понятной, чтобы пользователь быстро находил нужную продукцию и получал необходимую информацию.

В прототипах предусмотрели:

• Логику каталога и навигации.

• Понятную структуру карточек товаров.

• Сценарии подбора рациона.

• Калькулятор нормы кормления.

• Адаптивные версии основных экранов.

Верстка и адаптивность

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

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

Такой подход позволил сохранить единый визуальный уровень и предсказуемое поведение интерфейса на всех экранах.

SEO и аналитика

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

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

Финальная проверка перед запуском

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

Отдельно проверили техническую часть — корректность ссылок, отображение контента, работу адаптивной версии и базовые SEO-настройки. Только после прохождения финальной проверки сайт был подготовлен к запуску.

Мы полностью переработали сайт компании: создали новый визуальный стиль и реализовали удобные инструменты для подбора рациона и расчёта нормы кормления. Он помогает клиенту легко с помощью калькулятора выбрать нужный корм для своего питомца. Компания Четвероногий гурман получила новый визуальный образ бренда и удобные инструменты для выбора корма.