Редизайн раздела «Рецепты»

Оптимизировали UX, сделали редизайн и запрограммировали раздел с рецептами для техники Polaris.

UX-аудит и бенчмаркинг

1

Концепция для редизайна разработана
на основе аналитики. Мы провели UX-анализ и выявили главную зону роста — это навигация по разделу.

Затем мы организовали бенчмаркинг и собрали лучшие практики для исправления UX:

Короткий путь до рецепта

Яркие иллюстрации блюд

Блочная структура страницы

Проектирование user journey

2

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

Вместо этого мы добавили на главную фильтры и в результате сократили путь вдвое — на поиск уходит всего пара кликов.

Дизайн разводящей и детальных страниц

3

Главной задачей было убедить аудиторию, что с техникой Polaris можно готовить эстетичные и вкусные блюда.

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

Красивые титульные фото с блюдами

Рейтинг блюда и количество
просмотров

Кнопка для печати рецепта

Галерея с фотографиями блюда

Фронтенд- и бекенд-разработка 

4

Кастомизировали административную панель: добавили инфоблоки,
для слайдера с категориями рецептов, настроили сортировку и написали API
для фронтенда.

Интегрировали на страницы плеер
VK для тех рецептов, к которым есть видеосюжеты.

Реализовали функцию генерации рейтинга и подсчета просмотров с учетом «куки»
и сессии пользователя.

Интеграция

5

Интегрировали сервис Offfy для расчета энергетической ценности на детальных страницах. Информация о КБЖУ поступает из личного кабинета на сайте сервиса
— мы добавили туда каждый рецепт, сгенерировали ссылку и добавили ее в код.

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

Техника для приготовления
рецепта для перехода в карточку товара на сайте

Энергетическая ценность на порцию

Список ингридиентов с калькулятором для разного количества порций

Результаты

Спроектировали интерфейс
с учетом лучших практик

Разработали эстетичный
дизайн, который эффектно презентует технику Polaris

Интегрировали видеорецепты

Реализовали полезный калькулятор с КБЖУ