Duration

July, 2025

Roles

UI/UX Designer

Developer

Colaborations

Neuroscientists

Farmers usually faced 3 persistent challenges:

Overview

FarmLink is a marketplace connecting small farmers with buyers that focuses on transparency and traceability of the agricultural supply chain.

As a founder and product designer, I drove FarmLink’s design from discovery to an MVP, building a brand new platform that digitizes a fragmented trade process and strengthens farmer-buyer trust.

✅ Researchers can generate complex gene graphs through simple search instead of writing Cypher queries.

✅ The real-time, interactive 3D visualization enables faster pattern recognition and helps uncover meaningful relationships.

✅ Gene details, relationships, and visual context are consolidated in one place, reducing context switching and accelerating hypothesis validation.

HOW WE APPROACH THE PROBLEM SPACE

📍 Mapping Pain Points

From the interviews with 15 small-mid size farmers, here are what we found:

High learning curve

"There is no way to generate the gene visualizations if we don't write queries, but we are not programmers."

High learning curve

"There is no way to generate the gene visualizations if we don't write queries, but we are not programmers."

Room for errors

"Even when it works, I’m never fully confident the query is doing exactly what I intended."

Debugging queries take long

"I spent half a day debugging the query, which I am supposed to spend on researching instead."

Debugging queries take long

"I spent half a day debugging the query, which I am supposed to spend on researching instead."

🤖 Code with AI

Figma MCP Server and VSCode Co-pilot significantly improved our workflow, accelerating MVP development while maintaining strong design quality and user experience.

Here, we see 2 main opportunities to enhance research efficiency:

🔎

Replace the necessity for writing queries with a search box that enables users to look up gene connections.

🧬

Enable direct interaction with the data by allowing scientist to click, drag, and explore a 3D visualization of gene connections, facilitating continuous interaction.

✏️ Design & Build

We visualized small farmers' core flows interacting with the app into rapid sketch and then Figma prototypes.

Design Iteration 1

What I Tried?

I tested a design where users select a placeholder, then choose a gene to fill that position. Users could also define relationships between genes and view basic gene details on hover.

What Went Wrong?

Users didn’t intuitively understand the two-step interaction of selecting a placeholder first and then choosing a gene, which caused confusion and slowed down the workflow. The neuroscience team also needed access to more detailed gene information.

Design Iteration 2

What I Tried?

Allowed users to click a gene and drag it directly into the placeholder to create a continuous workflow. I also added gene-type visuals inside each sphere and moved the gene name to the top for quicker identification. Additional gene details were included to help users better understand each selection.

What Went Wrong?

Removing the confusing two-step interaction from the first design made the workflow more intuitive. The clearer visuals, repositioned gene names, and additional gene details also helped neuroscientists identify the right genes more quickly and aligned better with their expectations for how the interaction should work.

🏅 Recognized as 'Impactful Project' at University of Illinois at Chicago

I learned how to rapidly adopt new tools

I learnt and delivered a functional Unity3D from scratch within three weeks, strengthening my ability to learn fast under tight deadlines

🚀

I learned how to rapidly adopt new tools

I learnt and delivered a functional Unity3D from scratch within three weeks, strengthening my ability to learn fast under tight deadlines

🚀

Simplifying complex workflows creates the biggest impact

Users don’t need more features, they need less friction. Streamlining complicated steps can dramatically improve efficiency in any domain

🧩

Cross-functional collaboration shaped a better product

Partnering closely with domain experts helped me translate complex goals into clear, intuitive interfaces and iterate with real user feedback

💬

Cross-functional collaboration shaped a better product

Partnering closely with domain experts helped me translate complex goals into clear, intuitive interfaces and iterate with real user feedback

💬

✉️ Kind words from my manager

"From the moment Hayley joined our team, it was evident that she possessed an exceptional level of commitment and enthusiasm. Even before her official start date, she proactively prepared herself for the role, demonstrating her eagerness to contribute effectively. Throughout her internship, Hayley consistently exhibited a strong work ethic and a genuine passion for her field."