vici
VICI — крупный производитель рыбы и морепродуктов, известный своими крабовыми палочками.
в этом кейсе
Почему сайт продаёт, даже без кнопки «купить»?
Рассказываю как уходил от страниц-тупиков.
Как улучшил удобство пользования с телефона.
Рубрика "я сам смогу с нейросетями"
web-design
Задача
После ребрендинга сделать новый сайт: минималистичный, удобный на любых устройствах и такой, чтобы люди дольше на нём оставались, а потом покупали продукцию в магазине.
Решение
Аналитика
Зачем люди заходят на сайт
Не за характеристиками сельди, а за ответом на вопрос «что приготовить на ужин». Значит, продавать нужно не продукт, а вкусное блюдо.
Где терялись покупатели
На старом сайте каталог и рецепты не были связаны. Человек заходил в каталог, упирался в тупик и уходил.
Нейросеть разобрала отзывы покупателей, популярные поисковые запросы и старую структуру сайта за часы вместо дней.
Гипотеза
Превратим сайт из сухого каталога в кулинарный журнал и свяжем рецепты с конкретными продуктами. Тогда люди будут дольше оставаться на сайте и пойдут в магазин с готовым списком покупок.
Что было сделано
Связал товары и рецепты. В карточке продукта есть блок «С чем приготовить», в рецепте — «Ингредиенты от VICI» со ссылкой на товар. Человек переходит от вдохновения к покупке и обратно. Заодно это помогает продвижению в поисковиках.
Похожие рецепты. Под рецептом сайт предлагает похожие блюда, например после круассанов с креветками — другие быстрые завтраки.
Нейросеть быстро сопоставила рецепты с продуктами бренда. Я сэкономил часы ручной работы и показал клиенту прототип с настоящим контентом.
Метки «Быстро», «На завтрак», «Из морепродуктов». По ним нужный рецепт находится в пару нажатий.
Нейросеть разметила по этим меткам всю базу рецептов.
Мобильная версия для покупателя у полки. Крупные кнопки, меню всегда под рукой, рецепт удобно листать одной рукой.
Базовые мобильные сетки собрала нейросеть, а сэкономленное время я потратил на детали, которые влияют на удобство.
Передал разработчикам аккуратный макет с дизайн-системой, поэтому сайт собрали быстро.
Рутинную подготовку файла сделал ИИ-агент, я только проверил.
Результат
Больше страниц за визит: люди переходят от продуктов к рецептам и обратно.
Больше покупок в магазине: человек уходит с сайта с планом ужина и знает, какую упаковку искать.
Сайт стал «поваренной книгой в кармане», к которой хочется возвращаться.
Бренд помолодел: современный дизайн и красивая еда привлекли более молодую аудиторию.
vici
VICI — крупный производитель рыбы и морепродуктов, известный своими крабовыми палочками.
в этом кейсе
Почему сайт продаёт, даже без кнопки «купить»?
Рассказываю как уходил от страниц-тупиков.
Как улучшил удобство пользования с телефона.
Рубрика "я сам смогу с нейросетями"
web-design
Задача
После ребрендинга сделать новый сайт: минималистичный, удобный на любых устройствах и такой, чтобы люди дольше на нём оставались, а потом покупали продукцию в магазине.
Решение
Аналитика
Зачем люди заходят на сайт
Не за характеристиками сельди, а за ответом на вопрос «что приготовить на ужин». Значит, продавать нужно не продукт, а вкусное блюдо.
Где терялись покупатели
На старом сайте каталог и рецепты не были связаны. Человек заходил в каталог, упирался в тупик и уходил.
Нейросеть разобрала отзывы покупателей, популярные поисковые запросы и старую структуру сайта за часы вместо дней.
Гипотеза
Превратим сайт из сухого каталога в кулинарный журнал и свяжем рецепты с конкретными продуктами. Тогда люди будут дольше оставаться на сайте и пойдут в магазин с готовым списком покупок.
Что было сделано
Связал товары и рецепты. В карточке продукта есть блок «С чем приготовить», в рецепте — «Ингредиенты от VICI» со ссылкой на товар. Человек переходит от вдохновения к покупке и обратно. Заодно это помогает продвижению в поисковиках.
Похожие рецепты. Под рецептом сайт предлагает похожие блюда, например после круассанов с креветками — другие быстрые завтраки.
Нейросеть быстро сопоставила рецепты с продуктами бренда. Я сэкономил часы ручной работы и показал клиенту прототип с настоящим контентом.
Метки «Быстро», «На завтрак», «Из морепродуктов». По ним нужный рецепт находится в пару нажатий.
Нейросеть разметила по этим меткам всю базу рецептов.
Мобильная версия для покупателя у полки. Крупные кнопки, меню всегда под рукой, рецепт удобно листать одной рукой.
Базовые мобильные сетки собрала нейросеть, а сэкономленное время я потратил на детали, которые влияют на удобство.
Передал разработчикам аккуратный макет с дизайн-системой, поэтому сайт собрали быстро.
Рутинную подготовку файла сделал ИИ-агент, я только проверил.
Результат
Больше страниц за визит: люди переходят от продуктов к рецептам и обратно.
Больше покупок в магазине: человек уходит с сайта с планом ужина и знает, какую упаковку искать.
Сайт стал «поваренной книгой в кармане», к которой хочется возвращаться.
Бренд помолодел: современный дизайн и красивая еда привлекли более молодую аудиторию.
vici
VICI — крупный производитель рыбы и морепродуктов, известный своими крабовыми палочками.
в этом кейсе
Почему сайт продаёт, даже без кнопки «купить»?
Рассказываю как уходил от страниц-тупиков.
Как улучшил удобство пользования с телефона.
Рубрика "я сам смогу с нейросетями"
web-design
Задача
После ребрендинга сделать новый сайт: минималистичный, удобный на любых устройствах и такой, чтобы люди дольше на нём оставались, а потом покупали продукцию в магазине.
Решение
Аналитика
Зачем люди заходят на сайт
Не за характеристиками сельди, а за ответом на вопрос «что приготовить на ужин». Значит, продавать нужно не продукт, а вкусное блюдо.
Где терялись покупатели
На старом сайте каталог и рецепты не были связаны. Человек заходил в каталог, упирался в тупик и уходил.
Нейросеть разобрала отзывы покупателей, популярные поисковые запросы и старую структуру сайта за часы вместо дней.
Гипотеза
Превратим сайт из сухого каталога в кулинарный журнал и свяжем рецепты с конкретными продуктами. Тогда люди будут дольше оставаться на сайте и пойдут в магазин с готовым списком покупок.
Что было сделано
Связал товары и рецепты. В карточке продукта есть блок «С чем приготовить», в рецепте — «Ингредиенты от VICI» со ссылкой на товар. Человек переходит от вдохновения к покупке и обратно. Заодно это помогает продвижению в поисковиках.
Похожие рецепты. Под рецептом сайт предлагает похожие блюда, например после круассанов с креветками — другие быстрые завтраки.
Нейросеть быстро сопоставила рецепты с продуктами бренда. Я сэкономил часы ручной работы и показал клиенту прототип с настоящим контентом.
Метки «Быстро», «На завтрак», «Из морепродуктов». По ним нужный рецепт находится в пару нажатий.
Нейросеть разметила по этим меткам всю базу рецептов.
Мобильная версия для покупателя у полки. Крупные кнопки, меню всегда под рукой, рецепт удобно листать одной рукой.
Базовые мобильные сетки собрала нейросеть, а сэкономленное время я потратил на детали, которые влияют на удобство.
Передал разработчикам аккуратный макет с дизайн-системой, поэтому сайт собрали быстро.
Рутинную подготовку файла сделал ИИ-агент, я только проверил.
Результат
Больше страниц за визит: люди переходят от продуктов к рецептам и обратно.
Больше покупок в магазине: человек уходит с сайта с планом ужина и знает, какую упаковку искать.
Сайт стал «поваренной книгой в кармане», к которой хочется возвращаться.
Бренд помолодел: современный дизайн и красивая еда привлекли более молодую аудиторию.
web-design