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