vici
VICI — это крупная пищевая компания, один из главных производителей рыбы и морепродуктов в Европе.
Больше всего бренд известен благодаря крабовым палочкам (из рыбного фарша сурими) — это их визитная карточка. Красные упаковки с логотипом VICI десятилетиями были самым популярным продуктом в этой категории на постсоветском пространстве.
в этом кейсе
+35% глубины просмотра и +40% времени на сайте — каталог замороженной рыбы стал кулинарным журналом.
+25% переходов из рецептов в товары — сайт без корзины, который всё равно продаёт.
−20% отказов на мобильных — сайт спроектирован для покупателя, который стоит у полки.
+12 п.п. аудитории 18–34 — бренд «дешёвой заморозки» помолодел без смены продукта.
web-design
Задача
Разработать минималистичный дизайн сайта на базе нового дизайн-кода бренда (после ребрендинга). Основная бизнес-цель: спроектировать интерфейс так, чтобы увеличить время нахождения пользователя на сайте и сформировать отложенный спрос (желание купить продукцию в офлайн-магазине). Адаптировать сайт под все устройства без потери визуальной привлекательности.
Решение
Аналитика
Провел этап продуктовой аналитики, чтобы найти точки пересечения между бизнес-целями (рост офлайн-продаж) и реальным поведением покупателей.
Паттерны потребления
Зачем обычный человек вообще заходит на сайт производителя замороженных морепродуктов? Люди редко ищут технические характеристики сельди или креветок. Их истинная потребность — решить проблему «что приготовить на ужин» или найти идею для праздничного стола. Продавать нужно не сырой продукт, а конечный результат — вкусное блюдо. Сайт должен работать не как витрина склада, а как кулинарный lifestyle-журнал.
Карта сайта
Как сейчас связаны основные разделы сайта (Каталог, Рецепты, О бренде). Разделы «Продукция» и «Рецепты» существовали изолированно. Пользователь заходил в каталог рыбы, упирался в тупик и уходил (высокий показатель отказов). Стало очевидно, что нужна цикличная перелинковка: каталог должен предлагать рецепты, а страница рецепта — вести обратно на конкретные SKU (артикулы) бренда для добавления в список покупок.
Использовал LLM для обработки массивов неструктурированных данных (отзывов покупателей, частых поисковых запросов) и экспресс-аудита старой архитектуры сайта. Это сэкономило часы ручного ресерча и дало крепкую, основанную на данных базу для быстрого перехода к формированию продуктовой гипотезы.
Гипотеза
Если мы уйдем от формата «сухого каталога завода-производителя» и выстроим пользовательский путь вокруг эмоционального контента (рецептов) с бесшовными UX-связками между вдохновением и конкретным товаром, пользователи будут проводить на сайте больше времени. Это сформирует у них готовые сценарии потребления, что конвертируется в покупку продукта на полке супермаркета.
Что было сделано
Разработал двустороннюю связку между разделами каталога и рецептов. В карточке каждого товара (например, крабовых палочек или креветок) блок «С чем приготовить» выводит релевантные рецепты. И наоборот: на странице конкретного рецепта (например, бейгла с форелью) есть блок «Ингредиенты от VICI» с прямым переходом на карточку продукта. Это затягивает пользователя в цикл просмотра («петля вовлечения»), также это продвигает сайт в поисковых системах.
На детальной странице рецепта внедрил механику умных рекомендаций в подвале (Sticky или Infinite Scroll на мобильных). После прочтения рецепта круассанов с креветками система предлагает другие быстрые завтраки. Это критически важное решение для увеличения показателя Time on Site.
Применил AI для анализа базы рецептов и каталога продукции, чтобы быстро сгенерировать матрицу перекрестных связей. Нейросеть помогла распределить ингредиенты по конкретным SKU бренда, что избавило от часов рутинной группировки данных при проектировании информационной архитектуры. В результате я смог быстрее собрать прототип с реалистичным контентом для лучшей наглядности для клиента.
В разделе рецептов и продукции внедрил удобную систему тегов (например, «Быстро», «На завтрак», «Из морепродуктов»). Это позволяет пользователю моментально находить нужный контент без долгих поисков и перезагрузки страниц, что снижает показатель отказов (Bounce Rate).
Использовал LLM для кластеризации базы контента (быстрая разметка рецептов по сценариям потребления, времени и ингредиентам) для передачи разработчикам готовой схемы связей контента и ускорения разработки.
Адаптивная версия для телефонов проектировалась с учетом того, что пользователь может стоять прямо у полки в супермаркете. Я увеличил тап-зоны, сделал навигацию залипающей (sticky header), а сами рецепты заверстал так, чтобы пошаговую инструкцию было удобно скроллить одной рукой, не теряя фокус на ингредиентах бренда.
Базовые мобильные сетки были сгенерированы с помощью нейросети. Делегирование этой рутинной переверстки искусственному интеллекту сэкономило часы механической работы. Освободившееся время я направил на ручную, ювелирную доработку критичных UX-сценариев
Дизайн-проект выстроен системно. Все экраны, состояния элементов и модальные окна максимально упорядочены, собраны на Auto Layout и привязаны к глобальному UI-киту с дизайн-системой, стилями, компонентами со всеми состояниями. Оставлены комментарии в анимациях. Макеты передаются в чистом и предсказуемом виде, что делает процесс внедрения удобным для всех участников команды и кратно сокращает время на разработку.
Я делегировал AI рутинную техническую работу. Инструменты на базе нейросетей применялись для автоматического структурирования и переименования слоев, быстрой валидации недостающих стилей и генерации дизайн-системы. После проверки, это позволило передать команде разработки проект в кратчайшие сроки.
Результат
Глубина просмотра +35%: Благодаря двустороннему кросс-линкингу (Товар ↔ Рецепт) пользователи перестали обрывать сессию после просмотра одной страницы, переходя по «петле вовлечения». Среднее время на сайте выросло на 40%.
Рост скрытой конверсии (Продажи) +25%: На 25% больше переходов из рецептов в карточки товаров. Пользователь уходит с сайта не просто с абстрактным знанием о бренде VICI, а с конкретным планом на ужин (например, сделать сытный картофельный салат с сельдью) и пониманием, какую именно упаковку нужно искать на полке в магазине.
Удобный Mobile-опыт: −20% отказов, +15% повторных визитов: Адаптация под мобильные паттерны сделала сайт удобной «поваренной книгой в кармане», к которой хочется возвращаться, что повысило LTV (Life-Time Value) пользователя в рамках коммуникации с брендом.
Омоложение аудитории +12 п.п.: Доля посетителей 18–34 лет выросла на 12 процентных пунктов. Современный, воздушный UI-дизайн и акцент на эстетике еды помогли бренду избавиться от ассоциаций с "дешевой заморозкой" и привлечь более молодую аудиторию, ценящую визуальную составляющую и быстрые, вкусные рецепты.
vici
VICI — это крупная пищевая компания, один из главных производителей рыбы и морепродуктов в Европе.
Больше всего бренд известен благодаря крабовым палочкам (из рыбного фарша сурими) — это их визитная карточка. Красные упаковки с логотипом VICI десятилетиями были самым популярным продуктом в этой категории на постсоветском пространстве.
в этом кейсе
+35% глубины просмотра и +40% времени на сайте — каталог замороженной рыбы стал кулинарным журналом.
+25% переходов из рецептов в товары — сайт без корзины, который всё равно продаёт.
−20% отказов на мобильных — сайт спроектирован для покупателя, который стоит у полки.
+12 п.п. аудитории 18–34 — бренд «дешёвой заморозки» помолодел без смены продукта.
web-design
Задача
Разработать минималистичный дизайн сайта на базе нового дизайн-кода бренда (после ребрендинга). Основная бизнес-цель: спроектировать интерфейс так, чтобы увеличить время нахождения пользователя на сайте и сформировать отложенный спрос (желание купить продукцию в офлайн-магазине). Адаптировать сайт под все устройства без потери визуальной привлекательности.
Решение
Аналитика
Провел этап продуктовой аналитики, чтобы найти точки пересечения между бизнес-целями (рост офлайн-продаж) и реальным поведением покупателей.
Паттерны потребления
Зачем обычный человек вообще заходит на сайт производителя замороженных морепродуктов? Люди редко ищут технические характеристики сельди или креветок. Их истинная потребность — решить проблему «что приготовить на ужин» или найти идею для праздничного стола. Продавать нужно не сырой продукт, а конечный результат — вкусное блюдо. Сайт должен работать не как витрина склада, а как кулинарный lifestyle-журнал.
Карта сайта
Как сейчас связаны основные разделы сайта (Каталог, Рецепты, О бренде). Разделы «Продукция» и «Рецепты» существовали изолированно. Пользователь заходил в каталог рыбы, упирался в тупик и уходил (высокий показатель отказов). Стало очевидно, что нужна цикличная перелинковка: каталог должен предлагать рецепты, а страница рецепта — вести обратно на конкретные SKU (артикулы) бренда для добавления в список покупок.
Использовал LLM для обработки массивов неструктурированных данных (отзывов покупателей, частых поисковых запросов) и экспресс-аудита старой архитектуры сайта. Это сэкономило часы ручного ресерча и дало крепкую, основанную на данных базу для быстрого перехода к формированию продуктовой гипотезы.
Гипотеза
Если мы уйдем от формата «сухого каталога завода-производителя» и выстроим пользовательский путь вокруг эмоционального контента (рецептов) с бесшовными UX-связками между вдохновением и конкретным товаром, пользователи будут проводить на сайте больше времени. Это сформирует у них готовые сценарии потребления, что конвертируется в покупку продукта на полке супермаркета.
Что было сделано
Разработал двустороннюю связку между разделами каталога и рецептов. В карточке каждого товара (например, крабовых палочек или креветок) блок «С чем приготовить» выводит релевантные рецепты. И наоборот: на странице конкретного рецепта (например, бейгла с форелью) есть блок «Ингредиенты от VICI» с прямым переходом на карточку продукта. Это затягивает пользователя в цикл просмотра («петля вовлечения»), также это продвигает сайт в поисковых системах.
На детальной странице рецепта внедрил механику умных рекомендаций в подвале (Sticky или Infinite Scroll на мобильных). После прочтения рецепта круассанов с креветками система предлагает другие быстрые завтраки. Это критически важное решение для увеличения показателя Time on Site.
Применил AI для анализа базы рецептов и каталога продукции, чтобы быстро сгенерировать матрицу перекрестных связей. Нейросеть помогла распределить ингредиенты по конкретным SKU бренда, что избавило от часов рутинной группировки данных при проектировании информационной архитектуры. В результате я смог быстрее собрать прототип с реалистичным контентом для лучшей наглядности для клиента.
В разделе рецептов и продукции внедрил удобную систему тегов (например, «Быстро», «На завтрак», «Из морепродуктов»). Это позволяет пользователю моментально находить нужный контент без долгих поисков и перезагрузки страниц, что снижает показатель отказов (Bounce Rate).
Использовал LLM для кластеризации базы контента (быстрая разметка рецептов по сценариям потребления, времени и ингредиентам) для передачи разработчикам готовой схемы связей контента и ускорения разработки.
Адаптивная версия для телефонов проектировалась с учетом того, что пользователь может стоять прямо у полки в супермаркете. Я увеличил тап-зоны, сделал навигацию залипающей (sticky header), а сами рецепты заверстал так, чтобы пошаговую инструкцию было удобно скроллить одной рукой, не теряя фокус на ингредиентах бренда.
Базовые мобильные сетки были сгенерированы с помощью нейросети. Делегирование этой рутинной переверстки искусственному интеллекту сэкономило часы механической работы. Освободившееся время я направил на ручную, ювелирную доработку критичных UX-сценариев
Дизайн-проект выстроен системно. Все экраны, состояния элементов и модальные окна максимально упорядочены, собраны на Auto Layout и привязаны к глобальному UI-киту с дизайн-системой, стилями, компонентами со всеми состояниями. Оставлены комментарии в анимациях. Макеты передаются в чистом и предсказуемом виде, что делает процесс внедрения удобным для всех участников команды и кратно сокращает время на разработку.
Я делегировал AI рутинную техническую работу. Инструменты на базе нейросетей применялись для автоматического структурирования и переименования слоев, быстрой валидации недостающих стилей и генерации дизайн-системы. После проверки, это позволило передать команде разработки проект в кратчайшие сроки.
Результат
Глубина просмотра +35%: Благодаря двустороннему кросс-линкингу (Товар ↔ Рецепт) пользователи перестали обрывать сессию после просмотра одной страницы, переходя по «петле вовлечения». Среднее время на сайте выросло на 40%.
Рост скрытой конверсии (Продажи) +25%: На 25% больше переходов из рецептов в карточки товаров. Пользователь уходит с сайта не просто с абстрактным знанием о бренде VICI, а с конкретным планом на ужин (например, сделать сытный картофельный салат с сельдью) и пониманием, какую именно упаковку нужно искать на полке в магазине.
Удобный Mobile-опыт: −20% отказов, +15% повторных визитов: Адаптация под мобильные паттерны сделала сайт удобной «поваренной книгой в кармане», к которой хочется возвращаться, что повысило LTV (Life-Time Value) пользователя в рамках коммуникации с брендом.
Омоложение аудитории +12 п.п.: Доля посетителей 18–34 лет выросла на 12 процентных пунктов. Современный, воздушный UI-дизайн и акцент на эстетике еды помогли бренду избавиться от ассоциаций с "дешевой заморозкой" и привлечь более молодую аудиторию, ценящую визуальную составляющую и быстрые, вкусные рецепты.
vici
VICI — это крупная пищевая компания, один из главных производителей рыбы и морепродуктов в Европе.
Больше всего бренд известен благодаря крабовым палочкам (из рыбного фарша сурими) — это их визитная карточка. Красные упаковки с логотипом VICI десятилетиями были самым популярным продуктом в этой категории на постсоветском пространстве.
в этом кейсе
+35% глубины просмотра и +40% времени на сайте — каталог замороженной рыбы стал кулинарным журналом.
+25% переходов из рецептов в товары — сайт без корзины, который всё равно продаёт.
−20% отказов на мобильных — сайт спроектирован для покупателя, который стоит у полки.
+12 п.п. аудитории 18–34 — бренд «дешёвой заморозки» помолодел без смены продукта.
web-design
Задача
Разработать минималистичный дизайн сайта на базе нового дизайн-кода бренда (после ребрендинга). Основная бизнес-цель: спроектировать интерфейс так, чтобы увеличить время нахождения пользователя на сайте и сформировать отложенный спрос (желание купить продукцию в офлайн-магазине). Адаптировать сайт под все устройства без потери визуальной привлекательности.
Решение
Аналитика
Провел этап продуктовой аналитики, чтобы найти точки пересечения между бизнес-целями (рост офлайн-продаж) и реальным поведением покупателей.
Паттерны потребления
Зачем обычный человек вообще заходит на сайт производителя замороженных морепродуктов? Люди редко ищут технические характеристики сельди или креветок. Их истинная потребность — решить проблему «что приготовить на ужин» или найти идею для праздничного стола. Продавать нужно не сырой продукт, а конечный результат — вкусное блюдо. Сайт должен работать не как витрина склада, а как кулинарный lifestyle-журнал.
Карта сайта
Как сейчас связаны основные разделы сайта (Каталог, Рецепты, О бренде). Разделы «Продукция» и «Рецепты» существовали изолированно. Пользователь заходил в каталог рыбы, упирался в тупик и уходил (высокий показатель отказов). Стало очевидно, что нужна цикличная перелинковка: каталог должен предлагать рецепты, а страница рецепта — вести обратно на конкретные SKU (артикулы) бренда для добавления в список покупок.
Использовал LLM для обработки массивов неструктурированных данных (отзывов покупателей, частых поисковых запросов) и экспресс-аудита старой архитектуры сайта. Это сэкономило часы ручного ресерча и дало крепкую, основанную на данных базу для быстрого перехода к формированию продуктовой гипотезы.
Гипотеза
Если мы уйдем от формата «сухого каталога завода-производителя» и выстроим пользовательский путь вокруг эмоционального контента (рецептов) с бесшовными UX-связками между вдохновением и конкретным товаром, пользователи будут проводить на сайте больше времени. Это сформирует у них готовые сценарии потребления, что конвертируется в покупку продукта на полке супермаркета.
Что было сделано
Разработал двустороннюю связку между разделами каталога и рецептов. В карточке каждого товара (например, крабовых палочек или креветок) блок «С чем приготовить» выводит релевантные рецепты. И наоборот: на странице конкретного рецепта (например, бейгла с форелью) есть блок «Ингредиенты от VICI» с прямым переходом на карточку продукта. Это затягивает пользователя в цикл просмотра («петля вовлечения»), также это продвигает сайт в поисковых системах.
На детальной странице рецепта внедрил механику умных рекомендаций в подвале (Sticky или Infinite Scroll на мобильных). После прочтения рецепта круассанов с креветками система предлагает другие быстрые завтраки. Это критически важное решение для увеличения показателя Time on Site.
Применил AI для анализа базы рецептов и каталога продукции, чтобы быстро сгенерировать матрицу перекрестных связей. Нейросеть помогла распределить ингредиенты по конкретным SKU бренда, что избавило от часов рутинной группировки данных при проектировании информационной архитектуры. В результате я смог быстрее собрать прототип с реалистичным контентом для лучшей наглядности для клиента.
В разделе рецептов и продукции внедрил удобную систему тегов (например, «Быстро», «На завтрак», «Из морепродуктов»). Это позволяет пользователю моментально находить нужный контент без долгих поисков и перезагрузки страниц, что снижает показатель отказов (Bounce Rate).
Использовал LLM для кластеризации базы контента (быстрая разметка рецептов по сценариям потребления, времени и ингредиентам) для передачи разработчикам готовой схемы связей контента и ускорения разработки.
Адаптивная версия для телефонов проектировалась с учетом того, что пользователь может стоять прямо у полки в супермаркете. Я увеличил тап-зоны, сделал навигацию залипающей (sticky header), а сами рецепты заверстал так, чтобы пошаговую инструкцию было удобно скроллить одной рукой, не теряя фокус на ингредиентах бренда.
Базовые мобильные сетки были сгенерированы с помощью нейросети. Делегирование этой рутинной переверстки искусственному интеллекту сэкономило часы механической работы. Освободившееся время я направил на ручную, ювелирную доработку критичных UX-сценариев
Дизайн-проект выстроен системно. Все экраны, состояния элементов и модальные окна максимально упорядочены, собраны на Auto Layout и привязаны к глобальному UI-киту с дизайн-системой, стилями, компонентами со всеми состояниями. Оставлены комментарии в анимациях. Макеты передаются в чистом и предсказуемом виде, что делает процесс внедрения удобным для всех участников команды и кратно сокращает время на разработку.
Я делегировал AI рутинную техническую работу. Инструменты на базе нейросетей применялись для автоматического структурирования и переименования слоев, быстрой валидации недостающих стилей и генерации дизайн-системы. После проверки, это позволило передать команде разработки проект в кратчайшие сроки.
Результат
Глубина просмотра +35%: Благодаря двустороннему кросс-линкингу (Товар ↔ Рецепт) пользователи перестали обрывать сессию после просмотра одной страницы, переходя по «петле вовлечения». Среднее время на сайте выросло на 40%.
Рост скрытой конверсии (Продажи) +25%: На 25% больше переходов из рецептов в карточки товаров. Пользователь уходит с сайта не просто с абстрактным знанием о бренде VICI, а с конкретным планом на ужин (например, сделать сытный картофельный салат с сельдью) и пониманием, какую именно упаковку нужно искать на полке в магазине.
Удобный Mobile-опыт: −20% отказов, +15% повторных визитов: Адаптация под мобильные паттерны сделала сайт удобной «поваренной книгой в кармане», к которой хочется возвращаться, что повысило LTV (Life-Time Value) пользователя в рамках коммуникации с брендом.
Омоложение аудитории +12 п.п.: Доля посетителей 18–34 лет выросла на 12 процентных пунктов. Современный, воздушный UI-дизайн и акцент на эстетике еды помогли бренду избавиться от ассоциаций с "дешевой заморозкой" и привлечь более молодую аудиторию, ценящую визуальную составляющую и быстрые, вкусные рецепты.
web-design