Overview

Background

Methodology

Research

Define

Ideate

Prototype

Validate

Execution

Conclusion

agricola_jaled_web_design

Organic Web Design

Bi-lingual website to attract and connect farmers with organic certification opportunities.

Overview

Agrícola Jaled is a Mexican organic consultant and certification company. My team and I led the entire website creation process from concept, content, photography, video, design, layout and launch, delivering an engaging, informative site to fueled their growth.

Goal

Strengthen Agrícola Jaled’s position as the leading consultancy for farmers seeking a seamless transition to organic farming practices.

Results

• Lead generation.
• Platform to advertise and get visitors insights.
• Streamlined sales process, with leads arriving ready to convert.
• Improved brand credibility and marketing positioning.

Role

Project leader / Web designer

Activities

- UX research and analysis
- Define strategic plans with stakeholders
- Led photo and video shoots in open field.
- Designed the website architecture and UI using mobile-first methodology.
- Built website using WordPress.
- Conducted quality assurance.


2020

Background

Agrícola Jaled is a Mexican company founded in 2019 to educate and help farmers to transition from traditional to organic agriculture seamlessly.

As the company was growing rapidly in its first year, due to the demand and quality of their services, it needed a strong digital presence to scale to Europe and US. There is where all started for me and my team.

Methodology

For this project we followed the design thinking methodology with a mobile-first approach in order to meet the project necessities while prioritizing user experience.

agricola_jaled_web_mockup

STAGE 1.

Research

To shape the website with a user-centered approach, we conducted user interviews and benchmarking to gather valuable insights and identify key opportunities.

agricola_jaled_competitors_researchagricola_jaled_market_research

STAGE 2.

Define

With clear understanding of the context and audience needs, we moved forward to define goals and requirements with stakeholders. This way we would have the tools to create a successful product.

Audience needs

• Clear & accessible information
• Highlight organic farming value
• Seamless & familiar experience
• Inspire confidence & curiosity

Business Goal's

• Strong digital presence
• Attract and engage leads
• Build trust & credibility

Design Goal's

• Balance disruption & familiarity
• Engage non-tech audience

STAGE 3.

Ideate

With all of the above research results and analysis, we got enough information to move forward to define the website structure and content architecture. We build some low-quality wireframes to get feedback from stakeholders, below you can see some of these designs.

agricola_jaled_web_mockup
agricola_jaled_web_mockup

STAGE 4.

Prototype

Once we got feedback from stakeholders after presenting sitemap and wireframes, we continued with the strategic implementation of Agricola Jaled's branding, having as a result a vibrant, attention-grabber and easy-to-understand website.

agricola_jaled_web_mockup
agricola_jaled_web_screens_1agricola_jaled_web_screens_2
agricola_jaled_tablet_mockup
agricola_jaled_mobile_screens1agricola_jaled_pin
agricola_jaled_mobile_screensagricola_jaled_mobile_screens
agricola_jaled_web_mockup

STAGE 5.

Validation

Though we made some tests and validate the website structure in the ideation phase, once we had high quality mockups and prototypes we looked for enhancements by presenting prototypes to stakeholders, we got great feedback that helped us refine the UI for better results as well as re-write some small sections to make it easier to understand for visitors.

It's awesome how non-tech-savvy users can have a unique perspective that is so valuable to upgrade a product by using that feedback wisely.

STAGE 6.

Execution

For this project I was in charge of building the website using WordPress, preparing most of the visual assets while adhering to web nest practices. I conducted quality assurance across various screen resolutions and browsers to ensure a consistent, high-quality design implementation and experience.

Conclusion

Despite initial resistance due to unfamiliarity with digital platforms, our team developed an intuitive website that facilitated user engagement and comprehension.
This project deepened my understanding of designing for non-tech-savvy audiences, emphasizing the importance of simplicity and clarity in user interfaces. I look forward to applying these insights to future projects that aim to bridge the gap between technology and user needs.

"We liked too much the result, from the photos and videos to see it implemented in the website, we are very happy!"

Efraín Castillejos - Agrícola Jaled Founder