Cases

Case Study: FarmSense. Brand Identity and Website Design for Agricultural Technology

Case Study: FarmSense. Brand Identity and Website Design for Agricultural Technology Case study on brand identity and website design by tubik for FarmSense, the technology dealing with innovations in agriculture.
Case Study: FarmSense. Brand Identity and Website Design for Agricultural Technology

The new case study by the tubik agency team is ready to unveil one of our recent projects: we worked on the bright brand identity design and informative, easy-to-use website for FarmSense, the technology built on the crossroads of hardware and software, tangible and digital, and dealing with innovations in agriculture.

Client and Project

FarmSense is a USA-based innovative tech product that helps growers reduce losses from insect pests and lower dependence on pesticides to take the uncertainty out of pest management for better farming and a brighter future.

Why is it important, and how does it help? The agricultural industry loses more than $220 billion in crop damage each year because of insects. For decades, farmers have been stuck with few options for pest management. Most use sticky traps – a time-consuming and inaccurate method, followed by a broadcast spray of selected pesticides and insecticides. Still, sadly, these traps can also affect beneficial bugs that pollinate more than 70% of the global crop supply.

So, the FarmSense team formed by scientists and innovators developed a better way. Using computational entomological models, they created a real-time sensor that can help farmers make better decisions for pest management, saving time and potentially boosting crop yield. The team believes that leveraging the power of machine learning and computational modeling can help save lives, reduce hunger, and help developing countries achieve food independence.

The target audience they aim at is diverse, from big agricultural corporations to small family farms, from innovators and advisors with high tech-literacy levels to farmers that spend most time right in the fields and have no broad experience or tight connections to different software and applications. So, the team worked on the affordability and accessibility of the technology and strived to reflect that in the branding approach and website, helping them communicate with their clients and uncover the product’s benefits. Let’s check how the designers from tubik achieved that goal.

Identity Design

The branding design process started with extensive research covering the agriculture and ag-tech current state in the USA, the existing presence of the sector on the web, the pain points of the target audience, and the touchpoints of the brand communication.

Based on everything mentioned above, the key advantages of the product that branding had to transfer were defined as:

  • sustainability
  • affordability
  • accuracy of real-time data
  • rich information

As well, the team aimed at making a visual branding design system that would have a range from more strict and business-like to more illustrative and emotional.

One of the core tools supporting both emotionality and usability in brand design for FarmSense is color. The palette features bright contrast shades of natural colors employing the psychology of color and giving instant visual connection to the topic of agriculture, summer, soil, fields, insects, and plants: green, orange, yellow, and blue. The latter is also traditionally associated with tech-related and digital products.

case-study-farmsense-branding_color-palette

Having agreed upon colors, the team started working on the logo. The initial logo design approach was based on data as a core of the problem-solving power of the product. The creative search based on that resulted in a set of brand sign options reflecting that idea via lines and dots forming abstract shapes and building association with digital data processing and statistics visualization as well as fields seen from the bird-watch perspective. The basic shape chosen for the brand symbol was a circle.

case-study-farmsense-logo_reference

case-study-farmsense_reference-2

Here’s a glance at the logo design process, from sketches through variations to the polished sign. The first version of the symbol developed in this direction was an abstract round sign consisting of vertical lines.

farmsense-logo-design-first-variant_Sketches

farmsense-logo-design-first_Sketches

First sketches to think over the idea and find the composition

farmsense-logo-design-1_symbol

Digital symbol development

farmsense-logo-design-first-variant

Testing the symbol with the brand name typographic part

farmsense-branding-design_Logo-1

Monochrome version of the combination mark

farmsense-logo-design-first_soft-edges-option

The version of the symbol with soft edges

farmsense-logo-design-first_icons

Icons designed to test how the symbol can be further developed into other types of graphics

Another idea for the symbol at this stage of the creative search was to transfer the visual metaphor of the insect or the sun rising above the field, shaped by the lines. The latter was taken into deeper consideration.

farmsense-identity-design_drafts

farmsense-logo-design-first_new-sketches

Logo symbol sketching stage

farmsense-logo-design-first_vectorized

Digital logo symbol development

farmsense-logo-design-first_final-logo

Combination mark for the brand identity

farmsense-logo-design-first_white-logo

Monochromatic version of the combination mark

The set of branded items was also presented to show how this version of the logo and color palette could work for various marketing goals: banners, printed advertisements, social media posting, business cards, etc.

farmsense-identity-design_items

farmsense-identity-design-branded-items

farmsense-identity-design_socials

farmsense-brand-identity_items

Although the general idea looked effective, after discussions with clients and deeper testing, we together made the decision to move to another iteration, as this version of the symbol, even looking different, could bring up associations with some political campaigns that took place earlier in the USA. So, the second approach was also based on aerial views on the fields of crops, but this time irregular and asymmetric, cut by roads in various directions.

farmsense-logo-design_new-concept

For this version, the color palette excluded blue, and the basic shape was square. The creative search was done on the sign composition and detailing.

farmsense-logo-design_color-palette

The idea development resulted in the bright three-color symbol with a moderate level of detail and a bold, readable typographic part.

farmsense-logo-design-second-logo

farmsense-logo-design-second_monochrome

And here’s how it could be developed into the design system for branded items.

farmsense-identity-design-second_items

farmsense-identity-design-2_items

Posters design

farmsense-brand-identity-design-second_items

Truck livery design

However, the deeper the team dived into the visual concept for the FarmSense brand, the more the client’s team got certain that they would like to combine the discussed approach and palette to their existing logo and reconsider it to make its design bright, up-to-date, and recognizable as well as flexible for various communication objectives.

farmsense-previous-logo-design

The previous FarmSense logo

So, the final iteration started at the intersection of the existing logo and the ideas considered in the previous versions. The logo had to become simpler and less detailed to stay clear and informative in various sizes and get packed into a new color palette giving a quick connection to both agriculture and digital technology. Again, it started from basic sketching to think over the idea and moved to the polished logo.

farmsense-final-logo-design_sketches

farmsense-final-logo-design_symbol-options

Finally, the option with strict thin lines and a thin, elegant sans-serif typographic part was chosen as an approved brand sign.

farmsense-logo-design_final-variant

farmsense-brand-design_logo-final_white

So, based on that solution, the consistent set of branded items was designed for indoor and outdoor advertising and brand communication.

farmsense-identity-design-advertising

farmsense-identity-design-posters

farmsense-brand-identity-design-billboard

Billboards and banners designed for outdoor advertising

farmsense-identity-design-business-cards

Business card design

farmsense-identity-design_rollup

Rollup design

farmsense-identity-design_exhibition

Exhibition stand design

farmsense-brand-identity-design-truck-livery

Truck livery design

With the brand graphics above, it’s also easy to see that another important aspect of identity design for FarmSense was creating custom illustrations. They covered four major goals:

  • pictures set the atmosphere and apparent association with the agricultural theme
  • specially created graphics helped to visualize the flow and benefits of highly-technological processes which are hard or even impossible to show via photos or videos
  • custom graphics helped the brand to stand out of the crowd among the players in the agricultural sector, mostly using photo content which is often quite generic and just setting the theme
  • the hero illustrations featuring people added a powerful human element and made brand communication more friendly and emotional

farmsense-identity-design_illustrations

The creative process for the illustration also moved from rough sketches to present the idea and discuss it with the clients to the transformation of the approved ideas into bright digital artworks. Here’s a glance at the process for hero illustrations which had to become one of the first visual touchpoints of the product introduction on the website as a channel of communication.

farmsense-theme-illustration-sketching

farmsense-brand-illustration-design-sketch

farmsense-brand-identity-illustration-sketch

farmsense-brand-illustrations-sketch

farmsense-identity-design-hero-images

And here’s the process for creating custom graphics reflecting the main benefits of the FarmSense technology.

farmsense-icons-design-sketch

farmsense-identity-design-web-icons

Web Design

The next stage of customer experience design, extending the efficiency of the product presentation and amplifying brand communication online, was redesigning a website. At the initial stage, the team worked on developing a structure that would be effective and straightforward for the diverse target audience of the product.

UX-design-wireframes-farmsense-website-tubik

Overview of the UX wireframing stage to consider the solid and straightforward website structure and navigation

At the UI design stage, the bright branded colors were used not only for illustrations and other graphics but also as background colors for different website sections, supporting usability, scannability, and readability of web pages.

Here’s a glance at the home page of the website, catchy, friendly, and informative, amplifying the message with a hero illustration sharing the peaceful, sunny, and positive atmosphere and giving instant connection to the topic of farming that employs modern technology.

farmsense-website-home-page-tubik-design

The set of original illustrations used across the website pages proves itself as a powerful tool for visual communication and storytelling. It supports the text content, sets the mood, and helps establish consistency and integrity in the website’s performance.

farmsense-website-design-tubik-ux

Also, an infographic with custom illustrations was created to visualize how the technology works and make its benefits more accessible.

farmsense-identity-design-how-it-works-sketch

farmsense-website-design-how-it-works-illustration

farmsense-website-how-it-works-tubik-design

Here’s a closer glance at the set of artistic color icons supporting different text messages and creating visual triggers for essential functions or benefits to make them more noticeable and well-organized for website visitors.

farmsense-website-icons-design-tubik

To make the website work effectively and look attractive on any device, the tablet and mobile versions were also well-thought-out. They were arranged to provide a smooth and integral user experience at any stage of interaction.

farmsense-web-design-tubik

For our team, the FarmSense project was a great chance to collaborate with the representatives of the modern ag-tech industry developing with a rocketing speed now and utilizing innovations to improve farming experience and outcome, which is crucial for the whole world.

UI-design-wireframes-farmsense-tubik

New design case studies from our team are coming soon. Stay tuned!

More Design Case Studies

Here’s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.

Nibble Health. Identity and UX Design for Healthcare Fintech Service

ProAgenda. Identity and Website Design for Golf Management Service

BlockStock. Brand Identity and Website for Minecraft Models Resource

Kaiten. Identity and Product Design for Food Marketplace

THT. Website Design for Electrical Engineering Service

Komuso. Website Design for Wellness Tool

Nonconventional Show. Website Design for Podcast

Fulfill. Illustrations and Web Design for 3PLs Marketplace

Glup. Delivery App Branding and UX Design

BEGG. Brand Packaging and Web Design for Food Product Ecommerce

Crezco. Brand Identity and UI/UX Design for Fintech Service

Carricare. Identity and UX Design for Safe Delivery Service

 

Originally written for Tubik Blog, graphic and video content by tubik

2D art, brand identity, branding, case study, creative, design, design best practices, design for business, design for marketing, design process, design studio, digital art, digital illustrations, graphic design, graphic designers, identity design, identity design process, illustration, interaction design, interface, logo, logo design, logo design case study, marketing, tubik agency, UI, UI design, usability, user experience, user experience design, user interface design, UX, ux/ui, web design, web marketing, website design,
  • English
  • Ukrainian