Empowering Agricultural Resilience in a Changing World

Empowering Agricultural Resilience in a Changing World

Empowering Agricultural Resilience in a Changing World

Role: Product Designer

Role: Product Designer

Timeline: 6 Months

Timeline: 6 Months

Platform: WebApp

Platform: WebApp

01 — OVERVIEW

01 — OVERVIEW

Climate's Unpredictable Impact to crops and livelihood

Climate's Unpredictable Impact to crops and livelihood

Climate's Unpredictable Impact to crops and livelihood

The challenge

The challenge

Unpredictable weather & sales: In 2024, Harsh sun damaged vegetable crops, leaving leaves yellow and unsellable.

Unpredictable weather & sales: In 2024, Harsh sun damaged vegetable crops, leaving leaves yellow and unsellable.

Unpredictable weather & sales: In 2024, Harsh sun damaged vegetable crops, leaving leaves yellow and unsellable.

Declining Soil Fertility: Years of continuous planting led to weak, eroded soil and poor yields.

Declining Soil Fertility: Years of continuous planting led to weak, eroded soil and poor yields.

Declining Soil Fertility: Years of continuous planting led to weak, eroded soil and poor yields.

Rising Pests and Diseases: Within one season, pests destroyed maize fields, leaving little to sell.

Rising Pests and Diseases: Within one season, pests destroyed maize fields, leaving little to sell.

Rising Pests and Diseases: Within one season, pests destroyed maize fields, leaving little to sell.

What I Designed and delivered

What I Designed and delivered

What I Designed and delivered

High-Fidelity UI

High-Fidelity UI

28+ screens designed for WebApp

Interactive Prototype

Interactive Prototype

Clickable flows for user testing

Design System

Design System

Comprehensive component library

A/B Testing

A/B Testing

Data-driven design decisions

Who's the primary user of this product?

Who's the primary user of this product?

Who's the primary user of this product?

Meet Faith Adewale, Smallholder Farmer's Story

Meet Faith Adewale, Smallholder Farmer's Story

Meet Faith Adewale, Smallholder Farmer's Story

Faith, 43, is a smallholder farmer who relies on his farm to feed his family and earn a modest income. He possesses deep traditional knowledge but struggles with the unpredictability of new climate patterns. He urgently needs simple, reliable forecasts and actionable advice to protect his precious harvest.

Faith, 43, is a smallholder farmer who relies on his farm to feed his family and earn a modest income. He possesses deep traditional knowledge but struggles with the unpredictability of new climate patterns. He urgently needs simple, reliable forecasts and actionable advice to protect his precious harvest.

Faith, 43, is a smallholder farmer who relies on his farm to feed his family and earn a modest income. He possesses deep traditional knowledge but struggles with the unpredictability of new climate patterns. He urgently needs simple, reliable forecasts and actionable advice to protect his precious harvest.

02 — Research

The Gap: Why Existing Solutions Fall Short

The Gap: Why Existing Solutions Fall Short

The Gap: Why Existing Solutions Fall Short

While basic weather applications are readily available, they fundamentally fail to address the nuanced and critical needs of Nigerian farmers facing a rapidly changing climate. These generic tools often exacerbate existing challenges rather than alleviate them.

While basic weather applications are readily available, they fundamentally fail to address the nuanced and critical needs of Nigerian farmers facing a rapidly changing climate. These generic tools often exacerbate existing challenges rather than alleviate them.

While basic weather applications are readily available, they fundamentally fail to address the nuanced and critical needs of Nigerian farmers facing a rapidly changing climate. These generic tools often exacerbate existing challenges rather than alleviate them.

Lack of Actionable Guidance

Existing forecasts typically provide raw data (e.g., "80% chance of rain") but offer no context-specific advice on *what immediate actions* farmers should take to protect their crops when weather changes suddenly, like preparing for a heatwave or a sudden downpour.

Existing forecasts typically provide raw data (e.g., "80% chance of rain") but offer no context-specific advice on *what immediate actions* farmers should take to protect their crops when weather changes suddenly, like preparing for a heatwave or a sudden downpour.

Existing forecasts typically provide raw data (e.g., "80% chance of rain") but offer no context-specific advice on *what immediate actions* farmers should take to protect their crops when weather changes suddenly, like preparing for a heatwave or a sudden downpour.

Forecast: Heavy Rain Tomorrow

*No advice on protecting young seedlings*

Overwhelming Information

Overwhelming Information

Many apps present a deluge of statistics, charts, and technical jargon that is overwhelming and irrelevant for many farmers, especially those with varying literacy levels. The core information needed to make quick decisions is often buried beneath non-essential data.

Many apps present a deluge of statistics, charts, and technical jargon that is overwhelming and irrelevant for many farmers, especially those with varying literacy levels. The core information needed to make quick decisions is often buried beneath non-essential data.

Many apps present a deluge of statistics, charts, and technical jargon that is overwhelming and irrelevant for many farmers, especially those with varying literacy levels. The core information needed to make quick decisions is often buried beneath non-essential data.

Humidity: 85% | Dew Point: 24°C | Barometric Pressure: 1012hPa | UV Index: 10

*Complex Data, Difficult to understand for quick decision-making*

Humidity: 85% | Dew Point: 24°C | Barometric Pressure: 1012hPa | UV Index: 10 *Complex Data, Difficult to understand for quick decision-making*

Accessibility Barriers

Accessibility Barriers

Existing products are predominantly text-based and only available in English, completely neglecting the diverse local languages and dialects spoken across Nigeria. This lack of voice support or local language options creates a massive barrier for accessibility and understanding.

Existing products are predominantly text-based and only available in English, completely neglecting the diverse local languages and dialects spoken across Nigeria. This lack of voice support or local language options creates a massive barrier for accessibility and understanding.

Existing products are predominantly text-based and only available in English, completely neglecting the diverse local languages and dialects spoken across Nigeria. This lack of voice support or local language options creates a massive barrier for accessibility and understanding.

English Only

*No Hausa, Yoruba, Igbo, or voice input*

These critical shortcomings highlighted a significant opportunity for ClimateSmart Agro to provide a

truly inclusive, actionable, and accessible solution tailored to the realities of Nigerian agriculture.

These critical shortcomings highlighted a significant opportunity for ClimateSmart Agro to provide a truly inclusive, actionable, and accessible solution tailored to the realities of Nigerian agriculture.

These critical shortcomings highlighted a significant opportunity for ClimateSmart Agro to provide a truly inclusive, actionable, and accessible solution tailored to the realities of Nigerian agriculture.

03 — Goal

03 — Goal

Guiding Principles: Design Goals

Guiding Principles: Design Goals

Guiding Principles: Design Goals

Our primary goal was to create an inclusive digital platform that empowers farmers and agricultural stakeholders to anticipate weather changes

Our primary goal was to create an inclusive digital platform that empowers farmers and agricultural stakeholders to anticipate weather changes

Our primary goal was to create an inclusive digital platform that empowers farmers and agricultural stakeholders to anticipate weather changes

Accessible Insights

Accessible Insights

Ensure clear visuals and multi-language support for diverse user needs.

Ensure clear visuals and multi-language support for diverse user needs.

Hyper-local Precision

Hyper-local Precision

Deliver accurate, village-level data specific to the user's location.

Deliver accurate, village-level data specific to the user's location.

Proactive Resilience

Proactive Resilience

Enable users to plan ahead and protect against climate-related challenges.

Enable users to plan ahead and protect against climate-related challenges.

Community Empowerment

Community Empowerment

Facilitate informed decision-making for all agricultural stakeholders.

Facilitate informed decision-making for all agricultural stakeholders.

04 — Solution

04 — Solution

Unearthing the Needs that will pivot the the challange

Unearthing the Needs that will pivot the the challange

Unearthing the Needs that will pivot the the challenge

Our approach involved desk research, 12 in-depth farmer interviews, and reviews of

3 NGO studies, engaging a total of 50 participants to understand their pressing needs.

Our approach involved desk research, 12 in-depth farmer interviews, and reviews of 3 NGO studies, engaging a total of 50 participants to understand their pressing needs.

Our approach involved desk research, 12 in-depth farmer interviews, and reviews of 3 NGO studies, engaging a total of 50 participants to understand their pressing needs.

Prioritized localized forecasting with real-time micro-weather

updates to build trust and relevance, with Crop care guidance.

Prioritized localized forecasting with real-time micro-weather updates to build trust and relevance, with Crop care guidance.

Prioritized localized forecasting with real-time micro-weather updates to build trust and relevance, with Crop care guidance.

Integrated voice support and local language options for maximum

accessibility across literacy levels, due to 68% (34/50) request.

Integrated voice support and local language options for maximum

accessibility across literacy levels, due to 68% (34/50) request.

Integrated voice support and local language options for maximum

accessibility across literacy levels, due to 68% (34/50) request.

Expanded product scope to include a wider community of agricultural stakeholders and educators so as to create

balance due to 54% (27/50) of respondents (students, NGOs, consumers) also needed climate insights for planning. .

Expanded product scope to include a wider community of agricultural

stakeholders and educators so as to create balance due to 54% (27/50) of

respondents (students, NGOs, consumers) also needed climate insights

for planning. .

Expanded product scope to include a wider community of agricultural

stakeholders and educators so as to create balance due to 54% (27/50) of

respondents (students, NGOs, consumers) also needed climate insights for planning. .

05— UX STRATEGY

05— UX STRATEGY

How users will get to navigate their Experience

How users will get to navigate their Experience

How users will get to navigate their Experience

Information Architecture

Information Architecture

Information Architecture

Flow for carrying out

Flow for carrying out

Flow for carrying out

06 — VISUAL DESIGN

A comprehensive design system that establishes

trust, clarity & derives a communication.

A comprehensive design system that establishes

trust, clarity & derives a communication.

A comprehensive design system that establishes trust, clarity & derives a communication.

Building the Brand

Building the Brand

Building the Brand

Colour Palette

Colour Palette

Colour Palette

#E67E22

#E67E22

CTA: Action/Primary

CTA: Action/Primary

#A9DCD7

#A9DCD7

Secondary: Emotion

Secondary: Emotion

#000000

#000000

Text: Readability

Text: Readability

#EDEDED

#EDEDED

Secondary: Highlight

Secondary: Highlight

#FFFFFF

#FFFFFF

Background: Clarity

Background: Clarity

Typography System

Typography System

Typography System

HEADINGS

HEADINGS

HEADINGS

Find Your Home

Find Your Home

Find Your Home

Poppins Bold, Semi-bold, Regular • 48px / 40px/33px/28px/23px/19px line-height

Poppins Bold, Semi-bold, Regular • 48px / 40px/33px/28px/23px/19px line-height

Poppins Bold, Semi-bold, Regular • 48px / 40px/33px/28px/23px/19px line-height

Used for: Page titles, section headers, emphasis

Used for: Page titles, section headers, emphasis

Used for: Page titles, section headers, emphasis

BODY TEXT

BODY TEXT

BODY TEXT

Browse verified listings across Nigeria with transparent pricing and quality assurance. Our platform connects buyers, sellers, and agents in one seamless ecosystem.

Lora Bold, Medium, Regular • 16px/13px/11px

line-height

Used for: Descriptions, paragraphs, bars & footers.

Iconography

Iconography

Iconography

Fill

Fill

Fill

Home

Search

Settings

Bell

Profile

Gavel

Strokes

Strokes

Strokes

Home

Search

Settings

Bell

Profile

Gavel

Key Components

Key Components

Key Components

Button States

Button States

Button States

Primary Button

Default State

Primary Button

Hover State

Disabled Button

Disabled State

Highlight State

Highlight State

Secondary Button

Secondary State

Weather metrics

Weather metrics

Weather metrics

Input States

Input States

Input States

Looking for something...?

Empty State

Ebonyi state

Filled State

Ebonyi state...

Focus State

Invalid input

Error State

Complete User Journey

Complete User Journey

Complete User Journey

07 — Iterations

07 — Iterations

Changes that lead to a turn around in the design

Changes that lead to a turn around in the design

Changes that lead to a turn around in the design

An interactive Figma prototype was tested with 30 participants (12 smallholder, 10 commercial, 8 private/home farmers) to gather critical feedback.

An interactive Figma prototype was tested with 30 participants (12 smallholder, 10 commercial, 8 private/home farmers) to gather critical feedback.

An interactive Figma prototype was tested with 30 participants (12 smallholder, 10 commercial, 8 private/home farmers) to gather critical feedback.

Onboarding Too Cluttered

Onboarding Too Cluttered

70% (21/30) found the initial setup confusing due to too many fields on one screen, leading to high drop-off rates.

70% (21/30) found the initial setup confusing due to too many fields on one screen, leading to high drop-off rates.

70% (21/30) found the initial setup confusing due to too many fields on one screen, leading to high drop-off rates.

Design Change

Design Change

Reworked onboarding into a simple, guided step-by-step flow (language → location → crops → confirmation) to reduce cognitive load.

Reworked onboarding into a simple, guided step-by-step flow (language → location → crops → confirmation) to reduce cognitive load.

Reworked onboarding into a simple, guided step-by-step flow (language → location → crops → confirmation) to reduce cognitive load.

Before

Before

Before

After

After

After

Learning Preference: Video vs. Text

Learning Preference: Video vs. Text

Learning Preference: Video vs. Text

While 66% (20/30) preferred video learning, 80% (24/30) were

worried about data costs and slow internet in rural areas.

While 66% (20/30) preferred video learning, 80% (24/30) were

worried about data costs and slow internet in rural areas.

While 66% (20/30) preferred video learning, 80% (24/30) were

worried about data costs and slow internet in rural areas.

Design Change

Design Change

Design Change

Added short text + picture guides as default content, with

optional, lightweight video content for data-conscious users.

Added short text + picture guides as default content, with optional, lightweight video content for data-conscious users.

Added short text + picture guides as default content, with optional, lightweight video content for data-conscious users.

Before

Before

Before

After

After

After

Irregular layouts and lengthy sentences for the landing page

Irregular layouts and lengthy sentences for the landing page

Irregular layouts and lengthy sentences for the landing page

Irregular layouts created disorderliness and balance in what users are use to while long sentences lead to Zig-zag apparencies when viewed in mobile.

Irregular layouts created disorderliness and balance in what users are use to while long sentences lead to Zig-zag apparencies when viewed in mobile.

Irregular layouts created disorderliness and balance in what users are use to while long sentences lead to Zig-zag apparencies when viewed in mobile.

Design Change

Design Change

Design Change

Added short text and a single image for better description.

Added short text and a single image for better description.

Added short text and a single image for better description.

Before

Before

Before

Desktop view

Desktop view

Desktop view

Mobile view

Mobile view

Mobile view

After

After

After

Desktop view

Desktop view

Desktop view

Mobile view

Mobile view

Mobile view

08 — Design

08 — Design

Final Design Highlights (17 screens & 23+ UI components; both desktop)

Final Design Highlights (17 screens & 23+ UI components; both desktop)

Final Design Highlights (17 screens & 23+ UI components; both desktop)

Core Interface

Core Interface

Core Interface

From re-designed onboarding process ensures new users can quickly and easily set

up their profile, personalizing their experience from the very first interaction to...

From re-designed onboarding process ensures new users can quickly and easily set up their profile, personalizing their experience from the very first interaction to...

From re-designed onboarding process ensures new users can quickly and easily set up their profile, personalizing their experience from the very first interaction to...

To detailed variable forecast page that provides in-depth, hyper-local weather predictions,

enabling farmers to make timely and critical decisions for crop protection with aided guidelines.

To detailed variable forecast page that provides in-depth, hyper-local weather predictions, enabling farmers to make timely and critical decisions for crop protection with aided guidelines.

To detailed variable forecast page that provides in-depth, hyper-local weather predictions, enabling farmers to make timely and critical decisions for crop protection with aided guidelines.

And lets not forget the settings metrics for easy change of profile.

And lets not forget the settings metrics for easy change of profile.

And lets not forget the settings metrics for easy change of profile.

09 — Impact

What this did for our esteemed users

What this did for our esteemed users

What this did for our esteemed users

Core turn overs

Core turn overs

Accessible Insights

Accessible Insights

Accessible Insights

Clear visuals and multi-language support for diverse user needs aided better understanding.

Clear visuals and multi-language support for diverse user needs aided better understanding.

Clear visuals and multi-language support for diverse user needs aided better understanding.

User Appreciation

User Appreciation

User Appreciation

Users consistently appreciated the localized forecasts and visual simplicity, leading to higher engagement and trust.

Users consistently appreciated the localized forecasts and visual simplicity, leading to higher engagement and trust.

Users consistently appreciated the localized forecasts and visual simplicity, leading to higher engagement and trust.

Reduced Crop Loss (Pilot)

Reduced Crop Loss (Pilot)

Reduced Crop Loss (Pilot)

Pilot users reported an estimated 25% reduction in crop loss compared to control groups, thanks to proactive planning facilitated by early warnings.

Pilot users reported an estimated 25% reduction in crop loss compared to control groups, thanks to proactive planning facilitated by early warnings.

Pilot users reported an estimated 25% reduction in crop loss compared to control groups, thanks to proactive planning facilitated by early warnings.

Enhanced Climate Awareness

Enhanced Climate Awareness

Enhanced Climate Awareness

Anecdotal evidence and survey data suggested a significant increase in climate awareness within farming communities using ClimateSmart Agro.

Anecdotal evidence and survey data suggested a significant increase in climate awareness within farming communities using ClimateSmart Agro.

Anecdotal evidence and survey data suggested a significant increase in climate awareness within farming communities using ClimateSmart Agro.

10 — Learnings

10 — Learnings

New way to work

New way to work

New way to work

Approach

Approach

Innovation with Accessibility

Innovation with Accessibility

Innovation with Accessibility

Balancing cutting-edge climate data with intuitive, accessible design for diverse literacy levels is crucial for adoption in low-tech regions.

Balancing cutting-edge climate data with intuitive, accessible design for diverse literacy levels is crucial for adoption in low-tech regions.

Balancing cutting-edge climate data with intuitive, accessible design for diverse literacy levels is crucial for adoption in low-tech regions.

Data Empathy

Data Empathy

Data Empathy

Designing for data costs and connectivity limitations is not an afterthought; it's a core constraint impacting usability and retention in rural areas.

Designing for data costs and connectivity limitations is not an afterthought; it's a core constraint impacting usability and retention in rural areas.

Designing for data costs and connectivity limitations is not an afterthought; it's a core constraint impacting usability and retention in rural areas.

Trust through Precision

Trust through Precision

Trust through Precision

Hyper-local, accurate information is paramount. Farmers rely on this data for their livelihood, making precision and reliability the foundation of trust.

Hyper-local, accurate information is paramount. Farmers rely on this data for their livelihood, making precision and reliability the foundation of trust.

Hyper-local, accurate information is paramount. Farmers rely on this data for their livelihood, making precision and reliability the foundation of trust.

What's next for the feature of ClimateSmart Agro

What's next for the feature of ClimateSmart Agro

What's next for the feature of ClimateSmart Agro

Market inclusion

Market inclusion

Market inclusion

11 — Interactivity

11 — Interactivity

Watch the complete prototype walkthrough

Watch the complete prototype walkthrough

Watch the complete prototype walkthrough

Interactive Prototype & User Flow Demo

Interactive Prototype & User Flow Demo

Interactive Prototype & User Flow Demo

Best experienced with mobile to see the complete design in motion with animations and transitions

Best experienced with mobile to see the complete design in motion with animations and transitions

Best experienced with mobile to see the complete design in motion with animations and transitions

Sustainable Futures, Designed Today

Sustainable Futures, Designed Today

Sustainable Futures, Designed Today

ClimateSmart Agro bridges technology and tradition, empowering Nigerian farmers

and agricultural stakeholders to adapt to climate realities and protect their livelihoods.

It’s a testament to how user-centred design can drive meaningful social and

economic impact in the face of global challenges.

ClimateSmart Agro bridges technology and tradition, empowering Nigerian farmers and agricultural stakeholders to adapt to climate realities and protect their livelihoods.

It’s a testament to how user-centred design can drive meaningful social and economic impact in the face of global challenges.

ClimateSmart Agro bridges technology and tradition, empowering Nigerian farmers and agricultural stakeholders to adapt to climate realities and protect their livelihoods.

It’s a testament to how user-centred design can drive meaningful social and economic impact in the face of global challenges.

Designed and developed by Your Gloria Chukwu • 2025 • Ebonyi, Nigeria

Designed and developed by Your Gloria Chukwu • 2025 • Ebonyi, Nigeria

Create a free website with Framer, the website builder loved by startups, designers and agencies.