Direct team. No agency overhead.
Khôra App
A guided setup interface for a connected growing system, covering devices, locations, shelves and network configuration.
View the screens- Project scope
- Product UX/UI · Guided onboarding · Interface development
- Project contact
- Tung Chan
- Design files
- View in Figma
About the project
Khôra helps people configure a connected growing system step by step. We designed device naming, location and address forms, shelf choices and a network summary, with desktop and mobile layouts and front-end development for the setup interfaces.
- Design
- Device and network setup, naming preferences, location forms, shelf configuration, review screens and mobile layouts.
- Front-end
- Front-end development for the guided setup interfaces.
01 / Interface details
A guided setup
Naming preferences, a network name, address details and a growing location are broken into focused decisions.
02 / Interface details
Configure and review
Device names and shelf options lead into an overview of the network configuration.
03 / Interface details
One visual language
Mint-green controls connect each step of the setup. Button variants and mobile layouts carry the same hierarchy across interaction states and screen sizes.
