Mobile App UI/UX Design Flagship Project

AgroGrow

An all-in-one agritech mobile application designed to help smallholder farmers increase productivity and income through practical tools, real-time insights, and simple farm management.

Role

UI/UX Designer

Type

Personal Concept

Platform

Mobile (Android-first)

Focus

Smallholder Farmers

Project Overview

AgroGrow is a concept mobile application created to address real operational challenges faced by smallholder farmers — limited access to timely information, unpredictable weather and pests, fragmented advice, and the need for simple record-keeping tools.

My background in Aquaculture and Fisheries (FUNAAB), combined with experience in farm supervision and agribusiness training, informed the design direction. This project prioritises accessibility, actionability, and progressive disclosure so the product feels helpful rather than overwhelming.

Design Goals

Derived from typical smallholder farmer challenges (limited digital literacy, unreliable connectivity, unpredictable weather/pests, fragmented information, and resource constraints):

01

Make complex data simple and actionable

Convert weather, soil, crop health, and market signals into clear, prioritised recommendations the farmer can act on today.

02

Work offline-first and low-bandwidth

Core features (record-keeping, basic advice, saved guides) must function without constant internet; sync only when connectivity returns.

03

Respect literacy and device constraints

Large touch targets, icon + short text hierarchy, local-language support potential, and high-contrast visuals suitable for outdoor use on mid-range Android phones.

04

Reduce decision fatigue

Surface the single most important next action per screen; hide advanced detail behind progressive disclosure.

05

Build trust through transparency

Show the source or confidence of every recommendation and allow easy override or feedback.

06

Support the full farming cycle

Cover planning → planting → monitoring → harvesting → market, so the app becomes a daily companion rather than a one-off tool.

Information Architecture

Primary navigation uses a bottom tab bar (maximum 4–5 items) for thumb-friendly reach:

Home

Personalised dashboard with today’s priorities, weather snapshot, and quick actions.

My Farm

Fields/plots, crop calendar, soil & sensor status, activity log.

Advice

Crop/pest/disease library, photo diagnosis, seasonal recommendations, tutorials.

Market

Local prices, buyer connections, input suppliers (seeds, fertiliser).

Profile

Settings, language, offline downloads, farm profile, help.

This structure keeps the mental model close to how farmers already think: “What do I need to do on my land today?”

Key User Flows

Focus on the highest-frequency and highest-pain journeys. These flows emphasise short paths, clear feedback, and the ability to complete core tasks even with intermittent connectivity.

1. Daily Check-in (Home → Action)

Open app → See prioritised card (“Irrigate Field 2 – soil moisture low”) → Tap for details or mark done → Optional note/photo → Return to dashboard.

2. Crop Health Diagnosis

Advice tab or Home quick action → Take/upload photo of leaf/plant → Analysis (or guided checklist if offline) → Clear result + cause + recommended treatment → Save to field log.

3. Plan a New Season

My Farm → Add/Select Field → Enter soil basics or previous crop → Receive crop recommendation + planting calendar → Set reminders → Link to input marketplace if needed.

4. Weather-Triggered Decision

Notification or Home alert → View forecast impact on current crops → Suggested adjustments (delay spray, protect seedlings) → One-tap log of decision.

5. Record Activity (Offline-capable)

My Farm → Select field → Log irrigation/fertiliser/pest control → Auto-timestamp + optional photo → Syncs later.

Wireframes (Low-Fidelity Structure)

Skeleton screens before visual polish. These formed the foundation for the high-fidelity designs.

Home Dashboard

  • • Top: Greeting + current weather strip (icon + temp + rainfall probability)
  • • Hero card: “Today’s priority” with one primary CTA
  • • Horizontal scroll of field status chips (colour-coded)
  • • Quick-action row: Diagnose | Log activity | Check prices
  • • Bottom navigation

My Farm – Field List

  • • List or simple map cards showing field name, current crop, last activity, status indicator
  • • Floating “+ Add field” button
  • • Tap card → Field detail (status overview + tabs for Calendar / Logs / Sensors)

Advice – Diagnosis Entry

  • • Large camera button + “Upload photo” alternative
  • • Optional guided questions if photo quality is poor or offline
  • • Results screen: Big status (Healthy / Mild issue / Urgent), short explanation, numbered treatment steps, “Save to [Field]” CTA

Crop Calendar & Market Snapshot

  • • Month/week view with colour-coded events + weather overlay
  • • Local price cards for key crops (today vs yesterday)
  • • “Find buyers / suppliers near me” entry point

Wireframe Principles Applied

  • • Generous spacing and 48dp+ touch targets
  • • Status communicated by colour + icon + short text (never colour alone)
  • • Primary action always most prominent and bottom-reachable
  • • Empty states include a clear next step
  • • Consistent reading order for low-literacy scanning

Outcome & Reflection

AgroGrow demonstrates end-to-end product thinking — from understanding real operational constraints in agriculture to defining clear design goals, information architecture, user flows, and structured wireframes.

The project allowed me to apply domain knowledge from aquaculture, farm supervision, and agribusiness directly into digital product design. It remains a strong example of designing for accessibility, offline resilience, and decision support in resource-constrained environments.

Interested in working together?