Сегодня мы представляем вам очередной вдохновляющий кейс. Команда агентства tubik разработала яркий фирменный стиль и удобный веб-сайт для компании FarmSense, которая занимается созданием инновационных продуктов для борьбы с насекомыми-вредителями.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acdee8a28f40a2abb7b91_63c52dca990781da36434ef0_D8PLx.webp)
Сегодня мы представляем вам один из наших последних проектов. Команда агентства tubik разработала яркий фирменный стиль и информативный, простой в использовании веб-сайт для компании FarmSense, чья деятельность находится на стыке оборудования и ПО, материального и цифрового, и связана с инновациями в области сельского хозяйства.
Проект и клиент
FarmSense — это инновационный технологический продукт из США, который помогает фермерам сократить потери, вызванные насекомыми-вредителями, и снизить зависимость от пестицидов, чтобы устранить неопределенность в борьбе с насекомыми и повысить эффективность сельскохозяйственной деятельности.
Почему это важно и как это работает? Ежегодно сельскохозяйственная отрасль теряет более 220 миллиардов долларов из-за насекомых. На протяжении десятилетий у фермеров было всего несколько способов борьбы с вредителями. Большинство используют липкие ловушки — трудоемкий и неточный метод, за которым следует распыление пестицидов и инсектицидов. К сожалению, эти ловушки могут также поражать полезных жуков, которые опыляют более 70% сельскохозяйственных культур.
Команда FarmSense, состоящая из ученых и новаторов, разработала более эффективный способ. Используя вычислительные энтомологические модели, они создали датчик реального времени, который помогает фермерам принимать решения по борьбе с вредителями, экономя время и повышая урожайность.
Команда считает, что применение возможностей машинного обучения и компьютерного моделирования может спасти жизни людей, уменьшить голод и помочь развивающимся странам достичь продовольственной независимости.
Целевая аудитория продукта разнообразна: от крупных сельскохозяйственных корпораций до небольших семейных ферм, от новаторов и консультантов с высоким уровнем технической грамотности до фермеров, которые проводят много времени в поле и не имеют большого опыта работы с различными программами и приложениями.
Команда пыталась сделать технологию максимально доступной и хотела отразить это в брендинге и на сайте, чтобы упростить коммуникацию с клиентами и эффективно рассказать о преимуществах продукта.
Фирменный стиль
Процесс разработки брендинга начался с обширного исследования, охватывающего текущее состояние сельского хозяйства и агротехнологий в США, степень присутствия сектора в Интернете, болевые точки целевой аудитории и точки взаимодействия с брендом.
На основе всего вышеперечисленного мы определили ключевые преимущества продукта, которые должен был передать брендинг:
- экологичность
- доступность
- точность данных в режиме реального времени
- информативность
Кроме того, команде требовалась визуальная дизайн-система, которая варьировалась бы от более строгой и деловой до более иллюстративной и эмоциональной.
Один из основных инструментов, поддерживающих как эмоциональность, так и юзабилити в дизайне FarmSense, — это цвет. В палитре представлены яркие контрастные оттенки натуральных цветов, выбранные с учетом психологии цвета. Они мгновенно вызывают ассоциации с сельским хозяйством, летом, почвой, полями, насекомыми и растениями: зеленый, оранжевый, желтый и синий. Последний также традиционно ассоциируется с технологическими и цифровыми продуктами.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acdfd9e2d83664c64f25f_63c533bc66f675c6a739834c_.webp)
Согласовав цвета, команда приступила к работе над логотипом. В основе первоначальной концепции лежала идея о данных, как о ядре продукта, обеспечивающем решение проблем пользователей.
По результатам творческого поиска мы предложили клиенту несколько вариантов фирменного знака, отражающих эту идею. Все они состояли из линий и точек, образующих абстрактные формы и вызывающих ассоциации с цифровой обработкой и визуализацией данных, а также напоминающих вид на поля с высоты птичьего полета. Базовой геометрической формой стал круг.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace11ef0b8d385422b7a6_63c5340866f675f22d39e.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace202ab1776a4a05e967_63c5345d9f4d38451b5212b.webp)
Вот процесс разработки логотипа — от эскизов до готового знака. Первая версия символа представляла собой абстрактный круглый знак, состоящий из вертикальных линий.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace356d64112753303057_63c53636ae194d5bfcc1da5.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace52f1b00eb24657ec4c_63c5368e7db6f70ff8.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace718adb45a4fcc83b9d_63c53704faa71f76f1.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace89388022dcf43e3d85_63c5374b803ae1167a964.webp)
Еще одна идея для логотипа на этапе творческого поиска была следующей: “образованная линиями визуальная метафора насекомого или солнца, поднимающегося над полем”. Второй вариант был исследован более тщательно.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ace9c892551f6b49acf9f_63c537d44016c664e.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acebc6853962bcd6da415_63c53906cf27da4f36.webp)
Также мы разработали ряд фирменных носителей, чтобы показать, как эта версия логотипа и цветовая палитра могут работать в различных маркетинговых материалах: баннеры, печатная реклама, посты в социальных сетях, визитные карточки и т.д.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acee04571f61b4ddd8c42_63c539684016c6181.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acef22ab1776a4a0763d4_63c539c00b1dec471.webp)
Хотя в целом концепция выглядела эффектно, после обсуждения с клиентами и более глубокого тестирования мы вместе приняли решение перейти к другой итерации, так как эта версия символа могла вызвать ассоциации с некоторыми политическими кампаниями, которые ранее проводились в США.
Итак, мы опять вернулись к аэрофотосъемке полей, но на этот раз неровных и асимметричных, под разными углами изрезанных дорогами.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf017e26ec08fc2c3ba4_63c53a00a1a1dd7315.webp)
Для этой версии мы исключили из цветовой палитры синий цвет, а в качестве основной формы выбрали квадрат. Оставалось найти наиболее удачную композицию и правильный уровень детализации.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf10e116506857dbc9ee_63c53a387db6f702823.webp)
В результате у нас получился яркий трехцветный знак с умеренным уровнем детализации и полужирной, читабельной текстовой частью.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf1e8a28f40a2abcde53_63c53ed786aa8d409.webp)
А вот как будут выглядеть фирменные носители, разработанные на его основе:
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf2a5726afd6e4d6fe42_63c53f30be232a52a.webp)
Однако чем глубже мы погружались в визуальную концепцию бренда FarmSense, тем больше команда клиента убеждалась, что хотела бы совместить обсуждаемый подход и палитру с существующим логотипом и пересмотреть его, сделав дизайн более ярким, современным и узнаваемым, а также гибким для коммуникации.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf3d3377a682ff1726ad_63c53f86f7c74ac471.webp)
Итак, финальная итерация началась на стыке существующего логотипа и предыдущих идей. Логотип должен был стать более простым и менее детализированным, чтобы оставаться понятным и информативным в различных размерах, и вписаться в новую цветовую палитру, мгновенно вызывающую ассоциации как с сельским хозяйством, так и с цифровыми технологиями.
Мы опять начали с базового эскиза, чтобы проверить идею и потом уже перейти к прорисовке финальной версии.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf4e8f223824249e4aea_63c53fc11b9b02347.webp)
В конце концов был утвержден фирменный знак с прямыми тонкими линиями и тонким элегантным шрифтом без засечек.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf614571f61b4dde1c6e_63c54011d54181d532.webp)
На основе этого решения мы разработали единообразные фирменные носители для внутренней и наружной рекламы и коммуникации бренда.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acf7693490a6209c28c61_63c54087b2f3d5384e1.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acfa5eb8ed148bdb12c03_63c540e375e03208147b.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acfaf8a28f40a2abdb189_63c54140511c6ddb745.webp)
Изучив графические материалы бренда, представленные выше, легко понять, что еще одним важным элементом фирменного стиля FarmSense стали кастомные иллюстрации. Они решают 4 основные задачи:
- задают атмосферу и вызывают ассоциации с сельскохозяйственной тематикой
- помогают визуализировать особенности и преимущества высокотехнологичных процессов, которые трудно или даже невозможно показать с помощью фотографий или видеороликов
- помогают бренду выделиться среди конкурентов, в основном использующих фотоконтент, который часто является довольно посредственным
- иллюстрации с людьми добавляют бренду человечности и делают коммуникацию более дружелюбной и эмоциональной
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad01106c63a5c7949af5d_63c5417f69deb5c35ed.webp)
Процесс создания иллюстраций также начался с черновых набросков, после чего мы презентовали идеи клиенту, обсудили и утвердили их. Согласованные изображения прекратились в яркие цифровые произведения искусства.
Вот как проходила работа над иллюстрациями для первого экрана сайта, которые должны были стать одной из первых визуальных точек контакта с пользователями.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad0226bfa922f5c79da90_63c541ee5826e4f17.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad039668fb59fe2feb42c_63c5424e31471a7fdc7.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad049cc9c908a8a2e9e87_63c52dcf3071c9148a0218d4_KQdvdirWzNLeXaIE.webp)
А вот, как мы создавали графику для демонстрации основных преимуществ технологии FarmSense.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad05acc9c908a8a2eb38d_63c542c3f7c74af10ce.webp)
Веб-дизайн
Следующим этапом проектирования клиентского опыта с целью повышения эффективности презентации продукта и коммуникации бренда в Интернете стал редизайн веб-сайта. Мы начали с создания структуры, которая должна была быть понятной для разнообразной целевой аудитории продукта.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad0668915ab7d3b4abb47_63c52dcf8744ff31b7e90ad.webp)
На этапе проектирования интерфейса яркие фирменные оттенки применялись не только для иллюстраций и другой графики, но и в качестве фоновых цветов для различных разделов сайта, обеспечивая удобство использования, сканируемость и читабельность веб-страниц.
Ниже фрагмент главной страницы сайта — привлекательной, дружелюбной и информативной, усиливающей сообщение с помощью иллюстрации, которая создает мирную, солнечную и позитивную атмосферу и мгновенно вызывает ассоциации с темами сельского хозяйства и современных технологий.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad07ff1b00eb2465a9077_63c52dcffaa71fcac5075e12_.webp)
Оригинальные иллюстрации — мощный инструмент визуальной коммуникации и сторителлинга. Они поддерживают текстовый контент, задают настроение и обеспечивают единообразие и целостность сайта.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad08d6775a91d5cd069b2_63c52dcf69deb5d84dc5.webp)
Кроме того, чтобы наглядно показать, как работает технология, и доступно рассказать о ее преимуществах, мы создали кастомную инфографику.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad099b4c707258c9cbf14_63c52dcf2d45930ca172.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad0abbbf1f3eaf6040027_63c52dcf0b1dec47bf1e5.webp)
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad0bc6c902afee32146bc_63c52dcf3d0958dc700b2466.webp)
А вот набор цветных иконок, сопровождающих различные текстовые сообщения и играющих роль визуальных триггеров, которые позволяют грамотно разместить на сайте основные функции и преимущества и сделать их заметнее.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad0c85fd4811f71198885_63c52dd09907818846434ef5.webp)
Чтобы сайт работал эффективно и выглядел привлекательно на любом устройстве, мы тщательно продумали его планшетную и мобильную версии. Они обеспечивают бесперебойный целостный опыт на любом этапе взаимодействия.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648acdee8a28f40a2abb7b91_63c52dca990781da36434ef0_D8PLx.webp)
Этот проект подарил нам возможность поработать с представителями современной сельскохозяйственной отрасли, которая развивается с головокружительной скоростью и использует инновации для улучшения опыта и результатов фермеров, имеющих решающее значение для всего мира.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/648ad0e6372f39bd599e4ea4_63c52dd03071c96d7a02.webp)