Atfarm – Optimising Precision Farming with a React Native Mobile & Tablet App
Transforming Precision Farming – Enhanced UX/UI Boosts Engagement, Usability, and Market Reach for Atfarm
Overview
Atfarm is a complimentary online service designed to assist farmers in overseeing biomass through satellite imagery and implementing variable-rate fertilization. The platform is dedicated to supporting farmers in efficiently managing crop nitrogen.
The Challenge
The project was to work on revamping the web and mobile app experiences. This involves consulting agronomists to find out more about the challenges and their experience with the application. Improving user journeys, implementing a robust design system to elevate the UI experience.
My role : Lead Product Designer
Strategic Planning: Collaborate with product managers, stakeholders, and cross-functional teams to define product goals, user requirements, and design strategies. Align design initiatives with the overall product roadmap and business objectives.
User-Centered Design: Advocate for user-centered design principles and methodologies throughout the product development lifecycle. Conduct user research, usability testing, and analysis to inform design decisions and validate solutions.
Design Execution: Lead the end-to-end design process, from concept ideation and wireframing to prototyping, visual design, and implementation. Ensure consistency, coherence, and usability across all design deliverables.
Design System Development: Establish and maintain a design system or pattern library to standardize design components, styles, and interactions. Collaborate with engineering and product teams to implement and iterate on the design system.
Stakeholder Communication: Communicate design concepts, strategies, and rationale effectively to stakeholders at all levels of the organization. Present design proposals, prototypes, and findings to gain buy-in and support for design decisions.
Design Audit
Visual Design Evaluation: Assessing the visual elements of the design, including typography, color schemes, imagery, iconography, and overall aesthetics. .
UI/UX Evaluation: Evaluating the user interface (UI) and user experience (UX) design to determine usability, intuitiveness, and effectiveness in guiding users through tasks and workflows. This includes assessing navigation, layout, information architecture, and interaction design.
Responsive Design: Evaluating how the design adapts and responds to different screen sizes and devices, ensuring a seamless user experience across desktop, mobile, and tablet devices.
Understand target audience through data
Analyse data such as traffic sources, user engagement, bounce rates, and conversion funnels to understand who is visiting the platform and they were interacting with it.
Competitive Analysis
Benchmarking the design against competitors and industry standards to identify areas for improvement and opportunities for differentiation. This involves analyzing design trends, innovations, and best practices in the relevant market.
Feedback and Improvement
Gathering feedback from users, stakeholders, and team members to identify areas for improvement and future enhancements to the application.
Design Improvements - Before/After
Enhance Password Security: We've introduced password suggestions to help users create more secure passwords, reducing the risk of unauthorized access.
Progress Tracking: We now offer users the ability to monitor their progress through the onboarding process, giving them a clear sense of how far they've come.
User Reviews: Positive reviews from other users can provide reassurance to potential users, instilling confidence in our tool based on the positive experiences shared by others.
Brand Recognition: We welcome new users to the tool and brand with the introduction of our logo and new Design System to ensure design consistency and a user-friendly experience.
Guided Assistance: Coachmarks, Pendo guides have been added to provide users with guidance through specific tasks.
Location Detection: We've implemented location detection through the user's browser, reducing friction during the sign-up process.
Multi-Platform Consideration: We've adapted the onboarding process for both mobile and desktop platforms while maintaining a consistent user experience.
Achievements
Increased User Engagement – Improved UX/UI led to a more seamless experience, making precision farming tools more accessible and intuitive.
Expanded Market Reach – A localised and scalable design approach helped Atfarm reach more farmers across different regions.
Enhanced Usability – User research and testing ensured the platform was intuitive for both tech-savvy and traditional farmers.
Improved Efficiency – A more streamlined interface allowed farmers to analyze data faster and make informed decisions about nitrogen fertilization.
Stronger Brand Positioning – The design overhaul helped Atfarm reinforce its credibility in the digital agriculture space.