Design System for Farming Management

Redesigning farming operation management for higher efficiency

Role

UI/UX Designer

Team

1 product manager

Problem and Solution

Greenphyto is a knowledge-based company specializing in Farms of the Future, enabling security of sustainable food supplies for nations. The Farming Operation Management System is the platform for farmers to automate operations and timely intervention crops. This project is to redesign the design system of Farming Operation Management System.

Before

After

Process

The process involves building the design system and redesign the key screens, and these tasks are not linear but mutually influential, as the design system is continuously growing.

Problem

We talked with our client and took notes of the pain points he brought up in design discussion meetings. Before long, recurring themes began to surface.

Developing Aspect

Fewer colors and typefaces to implement
Reusable patterns

Marketing Aspect

The logo must stand out
Get a cooperate theme color to speak for the brand

Design Aspect

Easy to find assets
No need to think of new colors/styles all the time

Moodboards

Let's start with the style. Because the color of Greenphyto logo is green, we brainstormed four mood boards with different kinds of green.

Moodboard Finalization

After talking to our client and stakeholders, we decided to combine 'Joyful' and 'Futuristic'.

"Combine the 'Joyful' one with 'Futuristic' one.""We use this software in indoor farm with workstation. Light background works better.""Corporate' is straight, 'Elegant' is too high-end maybe. 'Joyful' is happy to look at." ---- Famers
" I like the 'Joyful' one. I like the warm feeling.""The 'Corporate' one is too cold.""I like the 'Elegant' one personally, but it might be too cold." ---- CEO
"I like the 'Futuristic' one.""Light background works better for me.""I prefer use red, flashing colors rather something blue for alert." ---- CTO

Heuristic Evaluation

Let's revisit and analyze the problems of current screens.

So each screen has three parts, sidebars, header, and content area. We brainstormed the big structure of the key screens to make sure the consistency of the whole product. For different users, such as famers, administration stuff, and etc, they log in with the same layout but different sidebar items.