Back to Designs

Local Harvest

2024

BCIT - IDSP Project

My Role(s): UX/UI Design

Overview

Local Harvest was a project that was created from the ground up to solve a market researched problem amongst local farmers and farmers markets in BC. It sought to connect farmers and consumers before a farmers market to pre-order their goods before their products are sold out.

Account Pages

Designed for vendor efficiency, the interface includes an intuitive left-aligned menu, task-focused screens, and action-oriented CTAs. A cohesive visual identity ensures clarity, while optimized data displays enhance usability.

Market Pages

Structured for easy browsing, these pages feature an engaging visual hierarchy, familiar UI elements, and a clean layout that encourages exploration. Consistent design elements ensure a seamless user experience.

Checkout Pages

A simplified, step-by-step flow enhances the checkout experience. Adaptive payment options, error-resistant forms, and transparent feedback improve usability, while a mobile-first approach ensures accessibility across devices.

Tools used

Figma

View Figma File

View Prototype

Key Design Choices

⏵ Streamlined Navigation: Designed an intuitive, left-aligned menu hierarchy to provide vendors quick access to essential tools, such as "Edit Vendor Page," "Add Products," and "Inventory," ensuring effortless usability.
⏵ Cohesive Visual Identity: Crafted a professional interface using clean typography, intuitive icons, and balanced spacing to enhance clarity and brand consistency.
⏵ Task-Focused Screens: Developed user-centered workflows with dedicated screens for specific actions, like updating branding or managing products, enabling efficiency and reducing cognitive load.
⏵ Action-Oriented CTAs: Incorporated bold, strategically placed buttons like "Save Changes" and "Add Product" to guide user interactions seamlessly.
⏵ Optimized Data Display: Prioritized essential information such as order details and inventory counts with structured layouts, improving scannability and comprehension.

⏵ Engaging Visual Hierarchy: Highlighted key details like market names, vendor descriptions, and operating hours with impactful images and prominent headings to draw users in.
⏵ User-Friendly Organization: Designed grid layouts and concise descriptions to simplify browsing and present vendor options without overwhelming users.
⏵ Familiar UI Elements: Integrated recognizable patterns, such as labeled sections for "Location" and "Vendors," to promote intuitive navigation.
⏵ Encouraging Exploration: Designed minimalist "View More" buttons to prompt further interaction while maintaining a clean, uncluttered layout.
⏵ Consistent User Experience: Delivered a polished aesthetic with cohesive card designs, aligned text, and uniform spacing for visual and functional harmony.

⏵ Clear User Journey: Designed a step-by-step checkout flow that simplifies the process, reducing user effort and increasing confidence.
⏵ Adaptive Payment Options: Offered flexible "Pay in Person" and "Pay Online" buttons to cater to diverse preferences with clear, actionable design.
⏵ Error-Resistant Forms: Created streamlined, compact input fields with ample spacing to minimize mistakes and enhance usability.
⏵ Transparent Feedback: Included real-time visual updates, such as order subtotals and confirmation messages, to build trust in transactions.
⏵ Mobile-First Approach: Optimized the layout for smaller screens, with responsive buttons and easy-to-tap elements for seamless mobile interactions.

←