← Work

02

Brand + Web - 2025

613Flea

Building an online presence for a local flea market. 613Flea is a not-for-profit indoor marketplace in Ottawa known for vintage pieces, handmade goods, and local vendors.

613Flea redesigned website hero mockup
Existing WebsiteBefore redesign
Original 613Flea website homepage before redesign

The original homepage had a handmade market feel, but needed clearer hierarchy, stronger visual structure, and a more flexible brand system.

Role
UX + UI Design, Visual Design, Branding, Research, Prototyping + Testing
Tools
Figma, FigJam, Basecamp, Maze
Timeframe
May - Aug 2025
Year
2025

613Flea is a not-for-profit indoor marketplace in Ottawa known for vintage pieces, handmade goods, and local vendors. This project reimagines its brand identity and website to create a more current, cohesive presence across digital and print platforms.

Brand Refresh

Refined the logo and modernized the visual identity while keeping the community-driven personality intact.

Cohesive System

Built a flexible brand system that supports a wide range of vendors without visual clutter.

Responsive Website

Designed a five-page responsive website concept to improve structure, clarity, and usability.

Unified Presence

Created a more polished and consistent experience across all touchpoints.

For years, 613Flea has built a strong reputation as a vibrant indoor marketplace in Ottawa. As the market grew, its brand and digital experience did not fully reflect its scale or cultural impact.

01

Inconsistent Visual System

The identity lacked a structured design system to support long-term scalability.

02

Weak Digital Experience

The website did not communicate the market’s energy or support intuitive user flow.

03

Engagement Friction

Visitors and potential vendors faced unclear navigation and limited information architecture.

04

Brand Positioning Gap

The market needed a more cohesive presence while preserving its community-driven character.

The goal was to develop a refreshed yet familiar brand identity that strengthens 613Flea’s overall visibility while preserving its local roots. The focus was on modernizing the visual system to improve brand recognition, building a flexible design framework that supports a diverse vendor ecosystem, and designing a responsive five-page website that improves navigation, clarity, and overall user engagement for both visitors and prospective vendors.

The creative direction focused on keeping the market familiar and community-led while giving it a more polished and scalable visual system.

Local Energy

The brand needed to feel welcoming, lively, and rooted in Ottawa’s creative marketplace culture.

Modern Vintage

The visual identity needed to preserve the flea market charm while feeling cleaner and more current online.

Vendor Flexibility

The system needed to support many vendor types without becoming visually crowded or inconsistent.

Visitor Clarity

The website needed to make event details, vendor discovery, and application information easy to find.

View Creative Brief PDF ↗
613Flea design process diagram
01 Empathize02 Define03 Ideate04 Prototype05 Test

To help position 613Flea as a leading cultural destination, a comparative market analysis of local and national marketplaces was conducted. This research revealed a clear market gap: an opportunity to combine large-scale presence with a modern, creative brand identity.

Market Competitor

Nextdoor Ottawa

Strengths

  • Highly "Instagrammable" branding that resonates with a younger, trend-conscious audience.
  • The site uses a dedicated events calendar.
  • The site uses bold, high-visibility banners to create urgency and encourage vendors to apply.

Weaknesses

  • A much smaller footprint at 4,000 sq. ft.
  • The site is event-focused and lacks a year-round vendor directory.

Key Features

  • A live Instagram feed keeps the homepage dynamic.
  • A section promotes space rentals.
  • A detailed FAQ covers specific visitor questions and niche events.

Market Competitor

Stittsville’s Carp Road Flea Market

Strengths

  • Offers a mix of 20,000 sq. ft. of indoor space alongside outdoor stalls.
  • Offers a wide range of products, from everyday items to rare collectibles.
  • The website text is easy to read.

Weaknesses

  • The visual presence and website feel "old-school," which may not appeal to Gen Z or Millennials.
  • There is no way to search for a specific vendor or "favorite" an item; the site mainly communicates information one way.

Key Features

  • A standard functional map in the "Location" section helps with GPS navigation.
  • Direct Instagram and Facebook links show an active, real-time community presence.

Market Competitor

Aberfoyle Antique Market

Strengths

  • Offers a "day-trip" experience with a full-service restaurant and picturesque grounds.
  • Known for high-quality, authentic antiques rather than "garage sale" items.

Weaknesses

  • Requires a $5–$10 admission fee, which discourages casual "window shopping."
  • Has a limited operating window from May to October, leaving a gap for year-round markets.
  • The design feels basic and safe, more like a tourism brochure than a modern retail experience.

Key Features

  • A clear call-to-action to subscribe for email updates helps maintain a long-term relationship with collectors.
  • A professional, multi-step contact form supports high-end antique dealers.

Key Questions

  • What core information, such as location, vendor types, and accessibility, is most critical for a customer deciding to visit a local market for the first time?
  • Which specific vendor details, such as social media links, product categories, or sustainability tags, are essential to build trust and credibility before a purchase?
  • What interactive design elements, such as a treasure hunt vibe or social integration, would increase engagement and encourage return visits?

Visual Storytelling vs. Static Listing

The Observation: Most competitor sites feel like plain catalogs. People want to feel the vibe before deciding to visit.

The Design Implication: Transition 613Flea from a simple information page to a more lifestyle-focused digital experience using stronger visual storytelling, video moments, and vibe galleries.

Logistics as a Conversion Tool

The Observation: First-time visitors often hesitate because key details like parking and transit are hard to find or not mobile friendly.

The Design Implication: Design a mobile-friendly Plan Your Visit page that clearly shows transit, parking, dates, and key information upfront.

Curated Discovery vs. Choice Overload

The Observation: With 100+ vendors, shoppers can feel overwhelmed and cannot easily find specific interests before they arrive.

The Design Implication: Implement filters so people can browse vendors and explore what interests them before visiting.

Three personas were developed to represent the main groups 613Flea needs to support: a discovery-driven local visitor, a prospective vendor, and an out-of-town family planner.

01

Emma Wilson

Trend-Seeker / Local Creative Visitor

About

Emma is a local creative who enjoys discovering unique places, handmade goods, vintage finds, and community events. She usually finds things to do through Instagram or word-of-mouth, so she needs the website to quickly communicate the event vibe, vendor highlights, and what makes each market day worth attending.

Needs

  • A clear event calendar with dates, location, and themes.
  • Vendor previews with photos and highlights.
  • A mobile-friendly browsing experience.
  • Easy ways to share events with friends.

Frustrations

  • Event information is scattered across different platforms.
  • The market’s website feels messy or slow on mobile.
  • There are not enough product or vendor previews before the event.

Motivation

  • Discover unique handmade or vintage items.
  • Support local artists and small businesses.
  • Enjoy meaningful weekend experiences with friends.
02

Dan Togo

Local Artisan / Vendor

About

Dan is a small business owner who creates handmade wood and leather products. He is new to flea markets and wants to reach more local customers, but he needs clear vendor application steps, booth information, and a way for shoppers to discover his products before the market day.

Needs

  • A simple vendor application process.
  • Clear booth fees, setup rules, and market expectations.
  • A personal vendor profile with photo and product intro.
  • A way for shoppers to find him before the event.

Frustrations

  • Vendor information is hard to find.
  • Application steps are unclear for first-time vendors.
  • There is no place to show products in advance.
  • He feels hidden among many other sellers.

Motivation

  • Build a local customer base.
  • Make personal connections with buyers.
  • Test new products and receive feedback.
  • Grow brand awareness through in-person experience.
03

Rachel King

Out-of-Town Visitor / Family Planner

About

Rachel is a school teacher and mother of two who plans trips carefully. Since she does not live in Ottawa, she needs practical information before committing to a visit, including parking, food, washrooms, stroller access, crowd expectations, and whether the event will be enjoyable for kids.

Needs

  • Kid-friendly booth or workshop information.
  • Parking, food, stroller access, and washroom details.
  • Easy directions and a first-time visitor guide.
  • Photos of the space, crowd, and atmosphere.

Frustrations

  • There is limited information for families or first-time visitors.
  • She is unsure whether the event has enough activities for kids.
  • Parking, directions, and crowd size are unclear.
  • She does not know what to expect before arriving.

Motivation

  • Create happy memories with her children.
  • Discover local makers, food, and cultural experiences.
  • Teach her kids about art, community, and creativity.
  • Balance holiday fun with learning.

Strategic Note

These personas were designed to test the platform’s versatility. The goal was to create a single digital space that feels exciting and easy to explore, while still giving visitors, vendors, and planners the clear practical information they need.

The personas were translated into clear design opportunities. Each pathway connects a user need to a practical design response that supports the redesigned 613Flea experience.

01

Emma

Creative Visitor

Wants to feel the market vibe before deciding to attend.

Discovery

Visual storytelling

Use market imagery, vendor highlights, and lifestyle-focused sections to make the event feel exciting before users arrive.

02

Dan

Vendor

Wants a clear way to apply and be discovered by shoppers.

Vendor Growth

Searchable vendor presence

Create clearer vendor application steps and support future vendor discovery through profiles, categories, and featured vendor moments.

03

Rachel

Family Planner

Needs practical information before travelling with her kids.

Planning

Plan Your Visit hub

Bring parking, transit, accessibility, food, washrooms, and first-time visitor details into one easy planning experience.

The sitemap was designed as a simple, multi-path structure that supports both exploration and quick access to practical information. Users can navigate directly to the Event Calendar [2.0] or Vendor Directory [3.0] for discovery, while clear pathways to Become a Vendor [4.0] and Visitor Info [5.0] ensure essential details remain one click away from the Home Page [1.0].

This structure prioritizes intuitive navigation and information clarity, keeping the experience streamlined without overwhelming the user.

613Flea sitemap

Created low-fidelity wireframes for both desktop and mobile to translate the sitemap into a structured, responsive layout. These early layouts focus on content hierarchy and navigation flow, ensuring key sections like the Event Calendar, Visitor Info, and Vendor Portal remain equally visible and easy to access.

613Flea low fidelity wireframes

The branding process focused on keeping 613Flea’s handmade, local-market personality while making the visual identity cleaner, more readable, and easier to use across web, print, social media, signage, and vendor materials.

Logo Evolution

The logo development moved from the existing handmade mark into a more flexible visual system. Each stage helped clarify how the brand could feel playful and market-friendly while becoming more scalable for responsive digital use.

Original 613Flea logo

Old / Current Logo

Existing Logo

The original logo had a handmade, local-market feel that matched 613Flea’s community personality. However, it was harder to scale across website layouts, signage, social media, and vendor materials because the mark was more image-based and less flexible as a brand system.

613Flea version one badge logo

Version 1 Logo

Early Badge Direction

This version explored a circular badge style to reflect the vintage and handmade feel of the market. It felt warm and market-friendly, but the detailed stitched edge and compact layout made it less flexible at smaller sizes or in responsive digital spaces.

Logo Variations

After choosing the final logo direction, I created supporting variations so the identity could stay consistent across different use cases, including dark backgrounds, social posts, event materials, vendor tags, and compact badge placements.

613Flea dark background logo variation

Dark Version

Dark Background Version

This version keeps the logo usable on dark layouts, posters, social graphics, and high-contrast promotional materials.

613Flea badge logo variation

Badge Version

Badge / Stamp Version

The badge variation gives the brand a compact mark that can work for stickers, vendor tags, social icons, merch, and event materials.

Visual Language: Moodboard

To reflect the mix of creativity and community at 613Flea, the visual system blends a vintage feel with a clean, modern look.

The color palette uses Retro Teal, Muted Coral, and Cream to establish a modern-vintage aesthetic, complemented by Warm Mustard and Soft Lilac for high-contrast call-to-action moments. The typography pairs Tropical Magic as a bold heading font with Helvetica as a readable body font to support clarity across the site.

Retro Teal

#1D5959

Supports the modern-vintage identity and main brand presence.

Muted Coral

#FDA587

Adds warmth, friendliness, and market-inspired energy.

Cream

#F8F5E9

Keeps the layout soft, clean, and approachable.

Warm Mustard

#E2BB45

Used for high-contrast call-to-action moments.

Soft Lilac

#BA9FD0

Adds playful contrast and supports secondary highlights.
613Flea final moodboard

The high-fidelity designs focused on applying the finalized branding system, including approved logo variations and the established visual direction, directly into the interface layouts.

Placeholder elements were replaced with real imagery, finalized typography, and refined UI components to accurately reflect the market’s energy and personality. This phase ensured visual consistency, stronger brand integration, and a polished digital experience that aligns with a community-driven marketplace.

613Flea mobile home page high fidelity design
Mobile Home
613Flea mobile calendar event page
Calendar Event
613Flea mobile become a vendor page
Become a Vendor
613Flea mobile visitor info page
Visitor Info
613Flea mobile contact page
Contact
613Flea desktop visitor info page
Desktop Visitor Info

I ran unmoderated testing sessions to test the new layout and gave four users three key tasks. All users were able to successfully browse the site using both desktop and mobile viewports with minimal friction.

Objective 1100%

Up from 75%

Find the date and location of the next 613Flea market from the home screen in under 5 seconds.

Objective 295%

Up from 75%

Go to Explore the Market and find a way to view a vendor’s profile.

Objective 3100%

Successful completion

Find the requirements and steps to apply as a vendor.

Feedback

“I love the vibe, but took me awhile to actually see the market info down below.”
“I wasn’t sure if I could click the photos for vendors.”
“I found the Become a Vendor link quickly, all the information I needed was present. Great!”

Iterations

Based on the test results, I made targeted updates to improve information visibility and make vendor discovery feel more interactive. The main changes focused on making important actions easier to notice without changing the overall visual direction.

01

Market details were made more visible

Before: The market date and location were harder to notice on the home page.

After: The specific market date and location were added directly into the high-contrast hero card in bold text.

01
Event details moved up

The next market date and location were placed directly in the hero area so users could find key information faster.

02
Stronger visual priority

The updated hero card gives the date and location more contrast, helping the information stand out at a glance.

613Flea home page before iteration01
Before
613Flea home page after iteration0102
After
02

Vendor cards became more clearly interactive

Before: Vendor photos did not clearly communicate that users could explore a vendor profile.

After: Dedicated View Vendor buttons were added to each artisan spotlight, including Clay Play and Palm & Thread.

01
Clickable action added

View Vendor buttons made the cards feel interactive instead of just decorative.

02
Clearer discovery path

Users now have a direct path from browsing vendor images to exploring vendor details.

613Flea vendor card before iteration01
Before
613Flea vendor card after iteration0102
After

This redesign shifts 613Flea from a simple event listing to a more engaging community hub. While the current site works as a foundation, there are clear opportunities to better connect the digital experience with the physical market.

Proposed Artisan Directory

A year-round directory would allow visitors to discover and shop from vendors even when the market is not running.

Vendor Portal

A self-service system could let vendors manage their profiles and applications, reducing manual work for the team.

Mobile Event Companion

A live map or wayfinding feature could help visitors navigate the 150+ vendors during busy events.

These directions would help 613Flea grow as a stronger community platform, supporting local makers and improving the overall visitor experience.
613

613Flea Case Study

Thanks for viewing

by Esther Odeyemi