Edupon

A hydroponics app that connects beginners with expert growers, designed by a team of three in an HCI class.

Case study · UI designer and UX writer · January 31, 2023 · 1 min read

Edupon screens on tilted phones: the splash screen with the leaf logo, an onboarding screen with seedlings in a hand, the sign-in screen, and the registration form

Edupon is a concept app for people starting out with hydroponics, growing plants in water instead of soil. It gives beginners direct access to hydroponic specialists by chat or call, along with planting tips and articles. It was a team project of three for the Human-Computer Interaction (HCI) class at Telkom Institute of Technology Purwokerto, from November 2022 to January 2023.

The problem

Our research looked at five top-rated farming apps on the Play Store, included an interview with a hydroponic farmer from a growers' community, and compared similar apps. Three problems stood out:

  • It's hard to find out why a hydroponic crop failed.
  • Growers' forums rarely meet.
  • There's no easy way to ask a hydroponics expert.

A storyboard followed one grower: her plants dry out and turn dark, searching online only confuses her, and asking other growers is slow. In the app, she video calls a specialist, who tells her the plants lack vitamins and AB mix nutrients.

What I did

We each took a role: researcher, UI designer, and UX writer. Together we went from research to a flow model, paper sketches, and wireframes. Then my part:

  • Visual design. Poppins for easy reading, a palette of three greens and a beige drawn from the logo, and Material icons, carried through every final screen.
  • UX writing. The app's words in Indonesian: onboarding, sign-up, the one-time code, consultations, and the review you leave for a specialist.

In the app

  • Home. A weather card that says whether today is a good day to plant, shortcuts for seeds, pests, and harvest, recommended specialists, and articles.
  • Specialists. Browse and filter specialists, each with a rating and a price.
  • Consultations. Chat or call a specialist, then leave a rating and a review.
  • Account. Sign in with a phone number, Google, or Facebook, confirmed with a one-time code.

Designed in Figma. The full case study, with the sketches and wireframes, is on Behance.