× 
Проведите пальцем или мышью по шоколаду
откусов: 0
01
Раскуси
Глазурь стирается под пальцем, под ней ягода. Показывает главное, что есть у продукта: шоколад снаружи, малина внутри.
Аудит frambini.ru · предложение · ноябрь 2026
Сайт под стать вкусу Frambini
Мы разобрали frambini.ru, нашли, где сайт может продавать сильнее, и собрали, как мог бы выглядеть и двигаться новый. Ниже: что усилить, как это будет выглядеть и как ваша команда ведёт сайт после запуска сама: кто что может менять и что остаётся за нами.
01 — Студия
Продакшен, который вырос до агентства
GOGGY’CO — контент-продакшен / агентство, объединяющее креатив, продакшен, UGC, AI и digital-разработку. Мы собираем под каждый проект нужную комбинацию талантов и инструментов, опираясь на семилетний опыт продакшена. Собственные проекты помогают тестировать новые подходы и переносить работающие решения в проекты брендов.
- Реклама и промо
- Шоу и кино
- 2D, 3D и Fake AR
- Анимация
- ИИ-контент
- UGC
- Постпродакшен
- Веб-дизайн и айдентика
Нам доверяют
OkkoVKКрошка КартошкаSubwayАльфа-Банк
СберNikeNetflixWinlineЗенитPanteneТриколорOral-BG-DriveЭрмитаж
02 — Аудит
Где сайт теряет покупателя
Мы открыли главную и четыре внутренних страницы, посмотрели код и сравнили с карточками на площадках. Одиннадцать находок и одна карточка о том, что уже работает. P1 чинить первым, P2 следом, P3 когда будет время. Нажимайте на любую: покажем её на примере.
Каталог на главной
Девять карточек. Так их видит покупатель.
Что происходит. Описание под названием видно у первых трёх вкусов. У пяти следующих текст есть в коде страницы, но скрыт: у него нулевая прозрачность. У матчи текста нет совсем. Покупатель видит голое название, на телефоне так же.
Карточка вкуса
Название, как оно напечатано на сайте.
ФРАМБИНИ В БЕЛОМ ШОКОЛАДЕ БЕЗ САХАРА И МОЛОЧНОМ ШОКОЛАДЕ БЕЗ САХАРА
11слов капсом
2раза «без сахара»
Что происходит. Главный признак стоит в названии дважды и читается как повтор. Названия ягоды в нём нет: остались бренд и перечень шоколадов.
Где лежат факты
Слева то, что покупатель ищет на карточке. Справа, где это нашлось.
На карточке вкуса
Весне указан
Хранениене указано
Срокне указан
После вскрытияне указано
В разделе вопросов
Окно товараОдно на три карточки: «Фрамбини в тёмном шоколаде», 499 руб.У каждого вкуса своя карточка с составом и ценой
КорзинаНет, «Заказать» просит имя и телефонРешить вместе: своя корзина или площадки
Что происходит. Ответы есть, но их надо искать и раскрывать по одному. Вес упаковки на странице не указан вообще: он виден только в адресах ссылок на площадки.
Куда ведут ссылки «Где купить»
Двадцать площадок, как они устроены на самом деле.
perekrestok.rulenta.comauchan.rudelikateska.rudobrynka-online.ruecomarket.ruzelenoeyabloko.ru5ka.ru
Что происходит. Человек выбирает площадку и дальше ищет вкус сам. Логотипы без подписей, карты нет, магазины и доставка не разделены.
Подвал, меню и ссылки
Что стоит исправить в первую очередь.
Подвал внутренних страниц«1151937-я Кожуховская улица, 9»«115193, 7-я Кожуховская улица, д. 9»
Юридический адресВолгоградский пр-кт на главной, Марьинский Парк на внутреннихОдин адрес, верный подтвердят владельцы
ОфертаНа внутренних страницах ссылка «#»Рабочая ссылка везде
Меню«Cотрудничество», первая буква латинскаяКириллическая «С»
Заголовок вкладки«Frambini I Гармония вкуса и свежести», буква латинская«|» или тире, один слоган
Код страницыЗаглушка отзыва «( На правках )»Удалить или заполнить настоящими отзывами
Баннер cookieТолько «Принять», на телефоне нет крестикаДобавить «Отклонить», формулировку согласовать с юристом
СоцсетиОдна ссылка: TelegramДобавить площадки, где бывает аудитория
Что происходит. Каждый пункт проверен на странице или в её коде. Исправляются быстрее остальных.
Тексты и знаки
Где фраза обрывается или набрана не тем знаком.
Шоковая заморозка«хранение при -18»«хранение при −18 °C»
Ручной отбор«Каждая ягода -как десерт»«Каждая ягода — как десерт»
FAQ про хранение«Температуру хранения Frambini -18 градусов»«Храните при −18 °C»
Заголовок о бренде«FRAMBINI-ЭТО ДЕСЕРТ…»«FRAMBINI — это десерт…»
Название бренда«ФРАМБИНИ» в трёх карточках, «Frambini» латиницей в остальных местахОдно написание
СлоганВо вкладке «Гармония вкуса и свежести», на экране «Раскуси вкус жизни»Один слоган
Блок «Без сахара»«следит за здоровьем»Согласовать обещание с юристом и технологом
Что происходит. Часть ошибок видна сразу, часть заметна только в коде: перепутанные буквы и дефисы вместо тире.
Движение на странице
Так оживает сайт сейчас.
Все блоки появляются одинаково Вращается одна ягода Глазурь стоит Ягода внутри стоит Оттаивание стоит
Что происходит. Движение есть, но оно ничего не объясняет про продукт. У него есть три сильных момента, и ни один не показан.
Ритм каталога
Девять карточек, одна плашка.
Что происходит. Каталог повторяет одну схему, и цвета упаковок в нём не использованы. Иконки в блоке преимуществ взяты из бесплатных наборов и фирменными не выглядят.
Добавить новый вкус
Что нужно сделать, чтобы в каталоге появилась десятая карточка.
Условия для партнёров и авторов
Что на этих страницах есть и чего нет.
Стать партнёром минимальный заказдоставкамаржаоплатаформа заявки
АссортиментВыручкаРост
Сотрудничество что получит авторчего ждёт брендкак проходит работа
Вы инфлюенсер…Маркетолог, дизайнер, SMM или копирайтер?У вас есть смелые идеи…
Что происходит. Зачёркнуто то, чего нет на страницах. Без условий и формы партнёр не понимает, чем ему заняться дальше. Заголовок «Сотрудничество с креаторами» повторяется дважды подряд.
Как сайт видит поисковик
Проверено на главной и четырёх внутренних страницах.
Заголовки H1 и H2Нет ни на одной из пяти страницЗаголовки на каждой странице
Описание страницыТег description не заданСвоё описание для каждой страницы
og:descriptionПоле есть, но пустоеПодпись для ссылки в мессенджере
Канонический адресhttp://frambini.ru/ без «s»https
Alt-текстыПустые или пробел, логотипы площадок без подписейОписание у каждой картинки
Картинки33 файла, около 10,5 МБ, часть PNG по 1 МБWebP, меньший вес
Страницы вкусовНетСтраница под каждый вкус
Что происходит. Отдельных страниц под вкусы нет, поэтому запросы вроде «малина в шоколаде замороженная» сайт не закрывает.
Что уже работает
Это стоит сохранить в новом сайте.
Первый экран
Бордовый фон, три упаковки крупно, ягоды в воздухе, слоган «Раскуси вкус жизни»
Упаковка
У каждой линейки свой цвет, надпись крупная, упаковки узнаются с одного взгляда
Живые фото
Люди с десертом в руках и рука с контейнером: снимки, а не картинки с одной упаковкой
Розница
На странице «Где купить» 20 ссылок: видно, что десерт продаётся широко
FAQ
На четыре практических вопроса есть ответы: хранение, срок годности, после вскрытия, подсластитель
Что происходит. Сильны упаковка и первый экран. Подводят тексты, ритм и анимация, а ещё ошибки в подвале и ссылках: они бьют по доверию к бренду.
1 / 12
03 — Было / стало
Главная в два яруса: обложка и каталог
Сверху обложка-слайдер: банка, название вкуса и стрелки. Ниже каталог плиткой: видны все вкусы, у каждого есть подробности. Так главная остаётся удобной, даже когда вкусов станет 50: листать слайдер до конца никто не будет, а в каталоге нужный вкус находят сразу.
Ярус 1 Обложка
01 / 09
Цвет страницы меняется вместе с вкусом. Листайте стрелками, свайпом или клавишами ← →
Ярус 2 Каталог
Черновик текста
Где купить:
Где купить
Список со страницы «Где купить» на вашем сайте. Сюда же добавим наличие вкуса и ссылку на нужную карточку.
Было
Стало
Как читать Слева каталог с frambini.ru сейчас, справа наш вариант. Нажмите на вкус, чтобы открыть карточку.
О текстах Тёмный шоколад взят с вашего сайта. Остальные тексты наши, черновые, согласуем с вами.
01
Цвет вкуса
У каждого вкуса свой фон. Страница сама говорит, что внутри, ещё до чтения.
02
Обложка без лишнего
Банка, название и стрелки. Первый экран остаётся чистым, подробности ниже.
03
Описание на виду
У каждого вкуса две строки о нём, состав и аллергены. Без скрытых блоков.
04
Купить в один шаг
Кнопки площадок прямо в карточке вкуса, а не списком ссылок внизу страницы.
04 — Анимация
Движение, которое работает на продукт
Четыре прототипа. Каждый можно потрогать. Это наброски идеи, а не готовые элементы: в проекте мы их доведём и проверим на телефонах.
Двигайте курсором или пальцем
02
Поворот упаковки
Упаковка следует за курсором и поворачивается, как будто банку держат в руке. Обходится без видео и 3D-моделей, поэтому страница остаётся лёгкой.
−18 °C
−18 °C+6 °C
03
Оттаивание
Ползунок температуры объясняет, как хранить и когда есть, без текста мелким шрифтом. Цифры взяты с вашего сайта: хранение при −18 °C, перед едой выдержать при +2…+6 °C не больше часа.
Нажмите, чтобы бросить ягоду. Ягоды отскакивают от курсора
04
Ягодопад
Ягоды падают, катятся и отталкиваются от курсора. Подходит как заставка у кнопки «Где купить» или для страницы с сюрпризом.
05 — Пример: раскрываем продукт
Что внутри?
Прокрутите вниз, банка откроется сама.
Открываем
Ягоды выходят наружу и зависают вокруг банки. Ближние мягко размыты, дальние уходят в дымку, как в кадре с настоящей камеры.
Под глазурью целая ягода
Слои видно вблизи: молочный шоколад снаружи, белый внутри, малина в середине.*
* Если выберем эту идею, запросим у вас все материалы в исходном качестве, чтобы элементы продукта на сайте были в высоком разрешении.
Так можно показать каждый из девяти вкусов
Один сценарий, девять банок: меняются цвет, ягода и текст.
Варианты работыЛистайте
06 — Доступы, данные, админка
Как это живёт после запуска
После запуска сайту нужны три вещи: понятные доступы (кто что может менять и как сайт защищён от взлома), аккуратная работа с данными, если на сайте появятся формы, и удобная админка. Ниже по порядку, в том числе то, что команда сама менять не сможет.
Доступы и защита
- У каждого свой доступ. Сотрудник входит в админку под своим именем и ролью, общий пароль не передаётся. Роли и история правок («кто и что менял», с откатом) есть у современных систем управления контентом. Какую берём, решим на этапе проектирования.
- Аккаунты ваши. Домен, хостинг, админка и код лежат на аккаунтах компании, мы заходим как приглашённые участники. Двухфакторный вход включаем везде, где он есть.
- Защищённое соединение (HTTPS) на домене. Если подключим формы, защитим их от автоматических заявок.
- Копии: код хранится в репозитории с историей, содержимое каталога выгружаем по расписанию. Периодичность согласуем с вами.
Данные (152-ФЗ)
- Сейчас на сайте форм нет, персональные данные он не собирает. Это снижает риски, и мы не будем их добавлять без необходимости.
- Если подключим формы со сбором данных (заявка, подписка, обратная связь), имя и телефон считаются персональными данными. Тогда добавим политику обработки, согласие в каждой форме и понятную фразу рядом с кнопкой.
- Если подключим аналитику или рекламные метки, включаем их только после согласия посетителя. Обязательные куки работают сразу.
- Куда пойдут данные форм и где их хранит выбранный сервис, уточним в документации сервиса и проверим с вашим юристом до запуска.
Администрирование
- Содержимое правит ваша команда. Каталог вкусов, тексты и фото лежат в админке с готовыми формами: название, фото, описание, состав, ссылки на магазины, цвет карточки. Вёрстки в формах нет, поэтому новая карточка выходит в общем стиле.
- Публикация. Нажимаете «Опубликовать», и обычно через несколько минут запись на сайте. До этого её видно только в предпросмотре.
- Чего без нас не сделать. Двигать блоки, менять сетку, добавлять разделы и анимации мышкой, как в конструкторе, нельзя: это правки в коде. Мы делаем их по запросу.
- Инструкция. Короткое видео «как добавить вкус» и встреча с командой, чтобы первые карточки вы завели сами.
- Поддержка после запуска. Исправления и вопросы по сайту, условия в вариантах ниже.
Команда делает сама
- Добавляет, меняет, скрывает и удаляет вкусы
- Заменяет фото, описания, состав и цвет карточки
- Меняет ссылки на магазины и тексты в разделах
Делаем мы по запросу
- Новые разделы, страницы и блоки
- Изменения сетки, анимации и стиля
- Формы, магазины и подключение аналитики
Добавить вкус: что заполняет редактор
Показываем поля и результат. В вашей админке экран будет выглядеть иначе, а набор полей тот же.
Вкус сохранён. Это макет, на сайте ничего не изменилось.
Новый вкус · предпросмотр
07 — Как мы работаем
Пять шагов от брифа до запуска
Так идут наши проекты. На каждом шаге у вас на руках есть результат, который можно посмотреть, поправить или принять.
- 01
Бриф и разбор
Говорим с вашей командой, разбираем задачу, текущий сайт и аудиторию. Собираем структуру страниц и тексты, которые на них будут.
РезультатКарта сайта и согласованный набор экранов - 02
Идея и дизайн
Арт-дирекшен с первого дня: придумываем образ сайта и рисуем его в двух версиях, для компьютера и телефона.
РезультатМакеты в Figma, которые можно листать по ссылке - 03
Материалы и анимация
Готовим то, что оживит страницы: графику, анимацию и интерактив, а при необходимости фото и видео. Этим занимается та же команда, что создаёт сайт, поэтому ничего не приходится стыковать с подрядчиками.
РезультатГотовые материалы и анимации для страниц - 04
Сборка
Собираем страницы и проверяем каждую вручную: вёрстку, адаптив, скорость, формы. Подключаем админку, где ваша команда ведёт каталог.
РезультатТестовая версия, которую можно открыть по ссылке - 05
Проверка и запуск
Правим по вашим замечаниям, проверяем на телефонах и в разных браузерах, подключаем домен, защищённое соединение и аналитику. Передаём сайт на ваших аккаунтах и обучаем команду.
РезультатСайт на вашем домене и инструкция по админке
Смету фиксируем после брифа и дальше не меняем без вашего согласия. Если в ходе работы появляется то, чего в брифе не было, сначала обсуждаем это отдельно.
08 — Варианты работы
С чего начать
Три способа войти в проект. Стоимость и сроки зависят от того, что вам нужно, поэтому назовём их после короткого созвона.
Старт
Главная страница и одна карточка вкуса в новом стиле, с анимацией. Видно, как будет выглядеть весь сайт.
- Дизайн главной и карточки вкуса
- Анимация обложки и карточки
- Версии для телефона и планшета
Рекомендуем
Весь сайт
Новый сайт с админкой для каталога, настроенными доступами и анимацией. Вкусы и тексты команда правит сама, а вёрстку и анимации меняем мы.
- Дизайн всех страниц
- Админка, в которой вы добавляете вкусы сами
- Роли для команды, инструкция и обучение
- Запуск и проверка на телефонах
- Формы и согласия, если они понадобятся
Сайт и поддержка
Всё из варианта «Весь сайт» и сопровождение после запуска.
- Всё из варианта «Весь сайт»
- Правки вёрстки, анимаций и новые блоки по запросу
- Проверка доступов, защищённого соединения и копий сайта
Что нужно от вас, чтобы начать
- Верный юридический адрес: Волгоградский проспект или Марьинский Парк
- Техкарты девяти вкусов: состав, вес, пищевая ценность, вкусовые ноты
- Исходные файлы логотипа и упаковок, точные цвета
- Доступ к Tilda и счётчикам аналитики
- Кто важнее сайту: розничный покупатель или заведения-партнёры
- Нужна ли своя корзина или продажи остаются на площадках
Как измерим результат
- Доля посетителей, дошедших до «Где купить», и клики по кнопкам магазинов
- Время на странице вкуса и глубина прокрутки каталога
- Число заявок с форм для партнёров и авторов
- Оценки PageSpeed Insights для телефона и компьютера
- Позиции и показы по запросам про замороженные ягоды в шоколаде
Данных аналитики у нас пока нет, поэтому сравнить «до» и «после» сейчас нельзя. Начнём с первого доступа к счётчикам.
Стоимость и сроки назовём после созвона
Сначала узнаем, что вам нужно: какие страницы, сколько вкусов, нужны ли формы и интернет-магазин. Тогда оценка получится точной, а не прикидкой вслепую.
Если вашей команде нужно двигать блоки и менять вёрстку самой, скажите на созвоне. Тогда обсудим сборку на конструкторе, но с ограничениями по анимации.
