Сегодня мы представляем вам очередной вдохновляющий кейс. Команда агентства tubik разработала яркий фирменный стиль и удобный веб-сайт для компании FarmSense, которая занимается созданием инновационных продуктов для борьбы с насекомыми-вредителями.

Сегодня мы представляем вам один из наших последних проектов. Команда агентства tubik разработала яркий фирменный стиль и информативный, простой в использовании веб-сайт для компании FarmSense, чья деятельность находится на стыке оборудования и ПО, материального и цифрового, и связана с инновациями в области сельского хозяйства.
Проект и клиент
FarmSense — это инновационный технологический продукт из США, который помогает фермерам сократить потери, вызванные насекомыми-вредителями, и снизить зависимость от пестицидов, чтобы устранить неопределенность в борьбе с насекомыми и повысить эффективность сельскохозяйственной деятельности.
Почему это важно и как это работает? Ежегодно сельскохозяйственная отрасль теряет более 220 миллиардов долларов из-за насекомых. На протяжении десятилетий у фермеров было всего несколько способов борьбы с вредителями. Большинство используют липкие ловушки — трудоемкий и неточный метод, за которым следует распыление пестицидов и инсектицидов. К сожалению, эти ловушки могут также поражать полезных жуков, которые опыляют более 70% сельскохозяйственных культур.
Команда FarmSense, состоящая из ученых и новаторов, разработала более эффективный способ. Используя вычислительные энтомологические модели, они создали датчик реального времени, который помогает фермерам принимать решения по борьбе с вредителями, экономя время и повышая урожайность.
Команда считает, что применение возможностей машинного обучения и компьютерного моделирования может спасти жизни людей, уменьшить голод и помочь развивающимся странам достичь продовольственной независимости.
Целевая аудитория продукта разнообразна: от крупных сельскохозяйственных корпораций до небольших семейных ферм, от новаторов и консультантов с высоким уровнем технической грамотности до фермеров, которые проводят много времени в поле и не имеют большого опыта работы с различными программами и приложениями.
Команда пыталась сделать технологию максимально доступной и хотела отразить это в брендинге и на сайте, чтобы упростить коммуникацию с клиентами и эффективно рассказать о преимуществах продукта.
Фирменный стиль
Процесс разработки брендинга начался с обширного исследования, охватывающего текущее состояние сельского хозяйства и агротехнологий в США, степень присутствия сектора в Интернете, болевые точки целевой аудитории и точки взаимодействия с брендом.
На основе всего вышеперечисленного мы определили ключевые преимущества продукта, которые должен был передать брендинг:
- экологичность
- доступность
- точность данных в режиме реального времени
- информативность
Кроме того, команде требовалась визуальная дизайн-система, которая варьировалась бы от более строгой и деловой до более иллюстративной и эмоциональной.
Один из основных инструментов, поддерживающих как эмоциональность, так и юзабилити в дизайне FarmSense, — это цвет. В палитре представлены яркие контрастные оттенки натуральных цветов, выбранные с учетом психологии цвета. Они мгновенно вызывают ассоциации с сельским хозяйством, летом, почвой, полями, насекомыми и растениями: зеленый, оранжевый, желтый и синий. Последний также традиционно ассоциируется с технологическими и цифровыми продуктами.

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


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




Еще одна идея для логотипа на этапе творческого поиска была следующей: “образованная линиями визуальная метафора насекомого или солнца, поднимающегося над полем”. Второй вариант был исследован более тщательно.


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


Хотя в целом концепция выглядела эффектно, после обсуждения с клиентами и более глубокого тестирования мы вместе приняли решение перейти к другой итерации, так как эта версия символа могла вызвать ассоциации с некоторыми политическими кампаниями, которые ранее проводились в США.
Итак, мы опять вернулись к аэрофотосъемке полей, но на этот раз неровных и асимметричных, под разными углами изрезанных дорогами.

Для этой версии мы исключили из цветовой палитры синий цвет, а в качестве основной формы выбрали квадрат. Оставалось найти наиболее удачную композицию и правильный уровень детализации.

В результате у нас получился яркий трехцветный знак с умеренным уровнем детализации и полужирной, читабельной текстовой частью.

А вот как будут выглядеть фирменные носители, разработанные на его основе:

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

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

В конце концов был утвержден фирменный знак с прямыми тонкими линиями и тонким элегантным шрифтом без засечек.

На основе этого решения мы разработали единообразные фирменные носители для внутренней и наружной рекламы и коммуникации бренда.



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

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



А вот, как мы создавали графику для демонстрации основных преимуществ технологии FarmSense.

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

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

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

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



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

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

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