Web Design · Information Delivery Optimization · 2023-2024
Organization Name
IFU
(Inclusive Finance for the Underrepresented Farmers)
Duration
09/2023 - 04/2024
My Role
Website Designer
Link
About
IFU is a non-profit organization helping farmers in China to ensure their profitability. This project aims to help with the organization's awareness by building this website, delivering their research results, and amplifying their impact.
Key Responsibilities
-
Developed the website by creating prototype on Figma and building web pages on Wix.
-
Conducted comparative audits and designed the content hierarchy, optimizing the delivery of research results and the impact.
-
Designed brand identity assets, including typography, icons, illustrations, and marketing materials.
Design Impact
Raised $70K+ in Donations
The website played a key role in securing over $70,000 from overseas Chinese donors in 2024.
Featured in the Los Angeles Post
Increased credibility led to media coverage in July 2024.
Read article
Expanded Community Engagement
Attracted a large number of talented volunteers, helping expand the organization.
Project Overview
Design Goals
-
Enhanced Credibility – Use evidence-based content to strengthen trust
-
Instant Clarity – Ensure the homepage clearly communicates the core mission at first glance
-
Impact Visualization – Present contributions using both data and storytelling
-
Collaboration Focus – Show open opportunities for volunteers and partnerships
Target Audience
-
Scholars who are interested in IFU’s work, seeking insights and data
-
Entrepreneurs & donors looking to support non-profit organizations
-
Young volunteers eager to contribute
-
IFU Members seeking recognition
Information Architecture
Based on insights from comparable audits and stakeholder interviews, the sitemap was designed to ensure key content—such as IFU's info, project and research results, and impact—is clear and accessible. The structure helps different audiences, including donors, scholars, and volunteers, quickly find relevant information.
Organizing Information
IFU has done great work, but much of it wasn’t well-organized online. The main challenge was to structure everything clearly and professionally.
After looking at similar nonprofit websites, I worked with department leads to outline the site’s framework and decide on key content. To make the site more complete, I also added extra elements to enhance its professionalism.
This process helped shape a stronger website and gave me hands-on experience in presenting academic research effectively.
Below are the screenshots of the content list spreadsheets (links attached in the appendix).
Visual Design
The design keeps things clean and professional while using modern layouts and bright accents to reflect the team’s energy.
On laptops, the focus is on organizing content clearly for scholars who need detailed information. On mobile, the layout is simpler, making it easy for entrepreneurs to quickly grasp key points during meetings.
Bringing It to Life
Below is the lofi wireframes & the prototype designed in Figma, which helped refine the layout and interactions. The site was then built using Wix and is now live at ifuimpact.org.
