Fertilization Association of India Website Redesign
Project Overview
Client: Fertilisation Association of India (FAI)
Role: UI/UX Designer, UI Developer
Duration: 2 months
Website:FAI Official Website(https://www.faidelhi.org)
Introduction:
The Fertilisation Association of India (FAI) is a leading organisation dedicated to advancing the field of fertilisers and promoting best practices in soil management across India. The project involved a comprehensive redesign of FAI’s website to better serve its stakeholders, including farmers, industry professionals, and researchers.
Problem Statement
The FAI website had extensive information but suffered from poor organisation and structure, making it difficult for users, especially those with limited tech skills, to find and understand the content. The outdated design also lacked clarity and visual appeal, leading to a suboptimal user experience.
Goal
Redesign the FAI website to improve information organisation, enhance usability for users with limited tech skills, and create a visually engaging and accessible experience.
Roles & Responsibilities
As a UI/UX Designer:
Conducted user research and created user personas to understand the needs of diverse user groups.
Redesigned the website’s information architecture and created wireframes and prototypes.
Developed a modern visual design aligned with FAI’s branding.
Conducted usability testing and iterated designs based on feedback.
Collaborated with stakeholders and developers to refine design solutions.
As a UI Developer:
Translated design mockups into responsive, functional code using HTML, CSS, and JavaScript.
Implemented interactive features and ensured cross-browser compatibility.
Collaborated with back-end developers and resolved technical issues.
Performed testing and quality assurance to ensure a seamless user experience.
Assisted with ongoing maintenance and updates.
User Research and Personas
“To understand the users’ needs, I conducted extensive user research, including interviews and surveys with farmers, agricultural students, agribusiness owners, and extension workers.”
Key Personas
Ravi, the Farmer (Age: 45)
Tech Savviness: Low
Needs : Simple, clear information on fertilisers and crop recommendations.
Pain Points: Difficulty navigating complex websites.
Rajesh, the Agribusiness Owner (Age: 38)
Tech Savviness: Moderate
Needs: Information on new fertiliser products and market trends.
Pain Points: Needs comprehensive, up-to-date information that is easy to access.
Anita, the Agricultural Student (Age: 22)
Tech Savviness: High
Needs: Access to the latest research and educational resources.
Pain Points: Needs well organised, searchable content.
Sunita, the Extension Worker (Age: 34)
Tech Savviness: Moderate
Needs: Tools and resources to educate farmers.
Pain Points: Requires easily navigable content and practical resources for training sessions.
Wire framing and low fidelity designs
High fidelity Designs
Redesign Strategy
Before & After Comparisons:
Improved Navigation: Streamlined the site’s navigation to ensure users can easily access key information.
Enhanced Engagement: Added interactive features like resource libraries, event calendars, and inquiry forms.
Updated Technology: Implemented a fully responsive design to ensure the site performs well on all devices, from desktops to smartphones.
Strengthened Brand Identity: Refreshed the visual design to create a professional and authoritative online presence.
Before
After
Lessons Learned
The importance of continuous user feedback in creating a user-centered design was a key takeaway. This project also reinforced the value of accessibility in web design.
Conclusion
This redesign project for the Fertilization Association of India showcases my ability to transform complex, outdated websites into user-friendly, visually appealing platforms that serve a diverse audience. Feel free to explore the [FAI website](https://www.faidelhi.org) to see the final product in action.