Группа компаний «РОСТ» – самый быстроразвивающийся агрохолдинг и лидер на рынке овощей защищенного грунта в России. Бренд сочетает современные агротехнологии с мудростью природы, развивает культуру потребления свежих овощей, акцентирует внимание на производстве, вкусе и брендах. 

Перед Digital Lab стояла комплексная задача. Новый сайт Группы компаний «РОСТ» должен был закрыть сразу несколько потребностей клиента:

— показать, что не стоит бояться тепличного производства — овощи из теплиц натуральные и полезные

— на главной странице, с помощью интерактива наглядно показать процессы и этапы роста “от и до”

— с помощью нового визуального языка подчеркнуть технологичность, экологичность и масштаб бизнеса

— представить все бренды овощей агрохолдинга, раскрыв преимущества каждого, сформировать понимание почему стоит выбрать тот или иной бренд

— создать «точки входа» для потенциальных партнеров и функцию HR

Основная идея

«РОСТ» выращивает овощи в теплицах, поэтому для главной страницы сайта было принято решение создать ощущение присутствия в такой современной теплице. Мы стремились произвести вау-эффект и воссоздать атмосферу такой, какая она есть — показать теплый свет, весь процесс роста овощей и контролируемые условия выращивания и созревания близкие к естественным, таким же, как в природе. 

Дополнительно ассоциацию с теплицами подчеркнули через стекло: активно использовали эффект матового стекла в плашках, иконках и других элементах сайта. И яркую палитру, передающую цвета зелени, овощей, воды и солнца. 

Реалистичность

Одна из стоявших перед нами задач — подчеркнуть натуральность и качество овощей. Поэтому было крайне важно, чтобы продукт на сайте выглядел так же, как и в жизни.

Все элементы 3D-истории роста овощей на главной странице были скрупулезно проработаны: каждое семечко, листочек, овощ и насекомое были воссозданы нами с учётом комментариев агрономов и технологов. Например, чтобы огурец в точности повторял реальный, мы делали 3D-сканирование образца — то есть взяли продукты из теплиц и работали прямо с ними. Эти огурцы действительно такие красивые, что можно сразу в продакшн!

Еще одной нетривиальной задачей было крупно показать шмелей и энтомофагов — полезных насекомых, которые живут в теплицах и борются с вредителями. Мы проделали большую работу, чтобы найти и воссоздать вид конкретных насекомых, так как ничего подобного на стоках просто не существует. Искали изображения в научно-популярных источниках и рисовали с нуля — генерировали нейросетью, разобрали на части, затем анимировали. Итоговый результат стоил потраченного времени —моушн-графика выглядит как настоящая макросъёмка. 

Сторителлинг и наполнение

Мы визуально отразили весь цикл роста с помощью 3D: от семечки до готового продукта. Прямо на главной странице пользователь может выбрать огурец или томат и виртуально его «вырастить»: посадить семечко в субстрат, узнать про полив, огромное количество параметров мониторинга и почему «РОСТ» не используют почву, включить освещение. 

С помощью  интерактивного повествования мы погружаем пользователя в разговор о продукте. Показываем прозрачность и натуральность всего производства. 

Сайт получился объемным: помимо впечатляющей интерактивной истории о росте овощей на главной странице, еще много полезной информации в уже более привычном веб-интерфейсе.

Во-первых, о самом агрохолдинге, его миссии, подходе к продукту, ответственности, технологиях и всех тепличных комплексах. Например, об ответственности компании компании рассказали с помощью интерактива —пользователь может на простых примерах понять, как много воды и электричества  экономят теплицы  «РОСТа». 

Во-вторых, о всех его брендах — это отдельные страницы, на каждой из которых есть эдьютейнмент: полезные факты о продукте и интересный интерактивный блок для пользователя. Например, на странице самых сладких томатов «Медовые» пользователь может выбрать красные или оранжевые, чтобы чтобы увидеть всю палитру вкуса, описанную сомелье. А на странице ярких и необычных томатов «Сладкая ягода» есть рандомайзер, он подскажет сорт и познакомит с разными вкусами томатов. 

С точки зрения визуального подхода, мы связали все страницы общими элементами и цветами. Использовали эффект матового стекла, яркие акценты, натуральные и чистые цвета. У страницы каждого бренда уникальный дизайн, подчеркивающий особенности, раскрывающий его характер и разнообразие вкусов. Но и тут мы использовали элементы основной айдентики сайта — для общей целостности.

Помимо визуальных эффектов, для главной страницы мы работали и со звуком: использовали саунд-дизайн, чтобы ярко проиллюстрировать каждый шаг роста овощей. 

Для наполнения сайта команда проекта использовала много графики: real-time рендеринг в 3D и анимацию, все элементы которой разрабатывала внутри. Фронт: Three.js и Vue.js. Все модели на главной она оптимизировала для быстрой погрузки страницы. Бэк: Strapi.io.