UX contract project to rebrand and create a more visually appealing, user-friendly automated farming management system with a reusable design system for a agri-tech.
Core Responsibilities
• Creating mood-board and conducted user Interviews; • Design system • Designed the management platform by prototyping and quick user testing.
Overview
What’s the client’s request?
Rebrand & redesign the farming management system for a smooth, user-friendly experience.
GreenPhyto is a vertical farming startup that brings fresh and healthy vegetables. The farming management system aims to automate the operation and allow intervention on the growth of the vegetables according to the sensor data. Their current system interfaces has a disconnected user experience due to lack of design system.
Rebranding
Exploring style & theme with the client
GreenPhyto's brand color 'Green' inspired us to brainstorm four themes—'Corporate', 'Joyful', 'Futuristic', and 'Elegant' —for this farming-related ERP product. We created mood boards with color palettes and typography and reviewed them with the client and stakeholders.
Design Process
Rebuild structure, develop prototypes and identify components
Based on the rebuilt structure, we further create the components to update UI design and finally determine the design system.
Key Screen 01
Equipment & Environment Status
Lo-fi
Separate different areas for clarity; Highlight areas needing attention.
Version 1
Use colored status badges and bars on cards; Enlarge equipment/sensor numbers; remove settings button.
Version 2
Update sidebar color, add search bar, and toggles for card/list view; Make cards tappable with states; add expandable/collapsible container
Key Screen 02
Seeding Interface
Lo-fi
Move process bar to sidebar. Divide table into: general info, environment data, control buttons, camera-related.
Version 1
Combine readings with related controls; remove search bar. Add previous/next buttons for level navigation.
Version 2
Remove system logs; add red stroke for special status. Highlight previous/next buttons in orange, add backup button; change toggle to green-blue gradient.
Key Screen 03
Growth Parameters
Lo-fi
Clean up action buttons: add single item edit/delete, save appears on edit, remove cancel button
Version 1
Darken the background color.
Version 2
Darken sidebar; Highlight action buttons
Final Design
Automated vertical farming operation management system
We delivered a visually appealing and user-friendly platform with a reusable design system to improve team efficiency and improve users satisfaction.
Design System
Creating a design system for scaling and future development
We broke interfaces into fundamental building blocks, creating a reusable design system with clear standards for future applications. The design system enhances development efficiency and meets WCAG standards.
What Have I Learned
Atomic Design System
Inspired by Brad Frost's Atomic Design, we broke interfaces into fundamental building blocks, creating a design system of reusable components and clear standards to build any future interfaces or applications.
The Power of A Strong Brand
A strong brand enhances business success through trust, loyalty, and recognition, driving sales and market differentiation. The branding is not limited with visual elements, but also includes content, and tone of voice.
