Superfood
Описание бизнеса
indiBiome — бренд Дмитрия Алексеева, кандидата биологических наук и эксперта по микробиому кишечника. Компания производит натуральную клетчатку и косметику, опираясь на науку о микробиоме и многолетний исследовательский опыт основателя.
Задача и вызовы
Заказчик пришел к нам со срочной задачей — подготовить промо-лендинг для старта масштабной рекламной кампании для нового продукта бренда, крема Superfood. На проекте мы отвечали за дизайн и разработку на основе медиа-материалов и текста от коллег из indiBiome.
Главным вызовом стал экстремальный дедлайн: на реализацию продукта «под ключ» отводилось всего 10 дней. Запуск был жестко привязан к дате крупной конференции, где бренд планировал презентовать свою новую серию бьюти-товаров.
В эти сжатые сроки нам предстояло создать максимально «сочный» визуал. Интерфейс должен был передавать вайб Superfood — органический, живой, притягивающий и природный.
Концепция и процесс работы
В основе дизайна — природная эстетика и сочные крупные планы продукта. Мы сделали максимальный акцент на визуале, объединив живые кадры и графику. Самым смелым дизайнерским решением стала работа с текстом: в заголовках мы использовали CSS-свойство text-stroke для создания акцентов. Обычно в вебе оно создает нежелательные артефакты — острые засечки над буквами. Однако мы превратили эту особенность в осознанную деталь, имитирующую пробивающиеся ростки травы.
Весь сайт построен на непрерывном интерактиве. С помощью GSAP ScrollTrigger мы «оживили» страницу: внедрили параллакс-эффекты для изображений, настроили пошаговое проявление контента и динамический скейл H2-заголовков. Векторные зеленые линии в секциях CTA динамически изгибаются и растут, заполняя верхнюю часть вьюпорта. Сайт буквально «дышит», удерживая внимание и плавно подводя пользователя к главному целевому действию — переходу за покупкой на Wildberries и Ozon.
Результат
Полный цикл дизайна и разработки занял рекордные 8 дней. Мы передали готовый продукт за двое суток до жесткого дедлайна, гарантировав бренду спокойный старт промокампании.
Несмотря на обилие тяжелого медиаконтента и сложных анимаций, нам удалось набрать 95 баллов Performance по PageSpeed. Главной победой стала мобильная адаптация: мы полностью сохранили WOW-эффекты и параллаксы на смартфонах.
Итог — сочный, вовлекающий лендинг, который эффектно презентует новинку бренда и бесперебойно конвертирует «горячий» трафик в продажи.
Прочие реализованные проекты
GoDobry
Рабочая культура
Экстраколлега
Prime EP
indiBiome Quiz
Atlas AI
GoLegends
Ворклор
YAV Project
InTrouble
Marchand Gallery
Crude Studio
Ace Company
Контакты
Поделитесь деталями, и мы подберем техническое решение.