Local Community Vendors

Local Community Vendors is a Texas based platform to connect and promote local farmers and artisans. We were tasked with redesigning the current website and enhancing the user experience for users.

Role:

UX Designer & Researcher

Tools

Figma, Jira, Miro

Year:

2024

Header for landing page to boost website traffic
Header for landing page to boost website traffic

Problem

Local farmers and artisans face challenges due to the absence of a centralized community and platform for connecting with each other and event managers. This lack of infrastructure hinders their ability to discover events and effectively communicate with fellow vendors and market managers.


Solution

A web-based application serving as a centralized platform which allows users to:


• Showcase their products & services


• Find & sign up for markets


• Maintain an event calendar


• Communicate with customers, vendors & event staff


Reducing the difficulty of event participation and navigating marketing channels.

Screener Surveys

To ensure unbiased insights, we crafted a screener survey to pinpoint diverse interviewees resulting in 8 user interviews.


Interviews

We conducted user interviews to build personas and help to inform the design. Together with the team, we prepared an interview script with 20 open-ended questions, focusing on farmers and artisans' needs, preferences, and pain points in the market space. We conducted remote interviews with 8 users, but realizing its limitations, we supplemented our findings with firsthand observations during in-person interviews at three different markets. Engaging with 5 more interviewees, we meticulously noted nuances. With this comprehensive data, we were ready to analyze our discoveries.


8

Remote Interviews


5

In Person Interviews


3

Markets

Research Findings

100%

Noted the lack of centralized platform to manage market involvement


100%

Value the sense of community markets foster


31%

Expressed interest in educational resources about vending at local markets

Persona

Based on our research findings this is our target user - Kiesha who we kept her in mind throughout our decision making process.


Feature Comparison

We conducted competitive research to gain insights into the features and solutions of our competitors. Based on our findings, we came up with features that positioned our product above our competitors.

Sketches & Wireframes

We began the design process with low-fidelity sketches to accelerate decision-making. Our sketches were based on our user interviews, business goal, and the heuristic evaluation. Using Figma, we translated our first sketches into low-fidelity wireframes. Then improving them by adding a few relevant stock images and text in our prototype.

Home Page

Home Page

Home Page

Vendor spotlight section to help with publicity and marketing.
Upcoming events section bringing awareness to shoppers and vendors.

Vendor spotlight section to help with publicity and marketing
Upcoming events section bringing awareness to shoppers and vendors

Vendor Profile Page

Vendor Profile Page

Vendor Profile Page

Brings publicity to each vendor and their unique story.

Allows followers to browse products, see their upcoming events and contact them.

Brings publicity to each vendor and their unique story
Allows followers to browse products, see their upcoming events and contact them.

Market Page

Market Page

Market Page

Information that vendors commonly seek - location, amenities, fellow vendors & pictures.
Easily accessible contact details, all consolidated into a single, organized page.

Style Guide

To reflect the energy and diversity of local vendors, we selected a vibrant color palette paired with clean, modern typography. The colors evoke warmth, creativity, and community spirit, while the typeface supports readability and approachability across devices.




Magenta (#DD0D6F)

  • Vibrant energy

  • Creative expression


Yellow (#FFE017)

  • Positivity

  • Festive warmth


Orange (#FF6D00)

  • Enthusiasm Local flavor


Light Green (#BFE063)

  • Freshness

  • Growth

  • Neutrals

Typography
We used a modern, sans-serif typeface to ensure clarity and friendliness—helping vendors and customers navigate with ease and confidence.

Final Prototype


Usability Testing

We tested our prototype with three users, there was a 100% success rate among all three tasks, and all of our users granted the tasks a 5 on easiness.


Next Steps


Conduct tree-jack and usability testing to ensure that users can find everything they're looking for easily


Website expansion to include features and services for market organizers and customers

Create a free website with Framer, the website builder loved by startups, designers and agencies.