Designing an Agricultural Loan and Investment App — A UI/UX Case Study

Roles — UI/UX Designer & User Researcher

Tools — Figma

Timeline — 4 weeks

Overview

This project was for the SauceCode Hackathon which was held in November 2020. This was a team project and I was the UI/UX designer on the team of a front-end developer, a back-end developer, and a mobile developer.

The Challenge

The Solution

We also allowed regular consumers the opportunity to invest their money in various farm outlets registered on our platform and make a profit after a stipulated period, this was another way of raising funds for our registered farmers.

Design Goals

  1. To design a product that helps farmers get access to proper and hassle-free funding as easily and quickly as possible to ensure they scale their businesses
  2. To help regular consumers have a low-risk environment they could invest their money for a profit after a stipulated time period
  3. To create a simple and organized interface to make sure even users that are not so tech-savvy could easily use the app

My Process

My design process

User research

I started with a competitive analysis to see who our direct and indirect competitors were, this was to weigh the weakness and the strength of the agricultural loan and investment market and then I moved to make user personas based on the data from the research. This was to make sure every feature on our product was functional in ensuring users got their problems solved.

Competitive Analysis

With my competitive analysis out of the way, it was time to debrief and translate what I had learned from the qualitative data I had gathered. To achieve this I created user personas for both farmers and regular consumers too. This allowed me to empathize with prospective users of the product and ensured I knew their pain points, goals, and challenges.

user persona for a farmer
user persona for a farmer
User Persona for Farmers
User Persona for Consumers

User Flows

App User Flow

Sketches and Wireframes

Wireframes

UI Design

Style Guide

Color guide
Type scale

The major screens from the app are shown below

Splash and Onboarding screens
Log In and Sign Up screens
Other screens
Other screens
Other screens

Conclusion

Next Steps

Also with usability testing, I would be able to gather insights to improve the product before handing off the design to web and mobile developers.

Reflections

Throughout the process, I learned many techniques from UX best-practices to UI design, prototyping, and everything in between, including how to be more empathetic towards my users and to conduct user research.

Although this was a fictional application, I followed the same process that I would for any other UX project. Also, I really appreciate the work that was put in by my teammates, their combined efforts made sure we emerged as Top 20 finalists in the hackathon and I’m super proud of how far we came.

Thank You so much for reading!. If you’d like to reach out, follow me on Twitter and send me a message, I’d really love to hear from you. You can also check out more of my work on Behance and Medium too.

Let me know if you have any questions or comments on my design. If you’d like to have a chat about anything design related, I’d love to hear from you!

Product Designer • Minimalist