Craigslist mobile redesign featuring the Home experience in light and dark modes with marketplace listing cards.

Independent case study

Craigslist Mobile Redesign

Modernizing Marketplace Discovery Without Losing Craigslist’s Identity

An independent native iOS redesign exploring how Craigslist can offer a clearer, more approachable experience for browsing, searching and contacting sellers while preserving its familiar categories and marketplace character.

Disclaimer — Independent conceptual redesign. This project was not commissioned, sponsored, approved, or implemented by Craigslist.

Role
Senior Product Designer / UX/UI Designer
Platform
Native iOS
Industry
Consumer Marketplace
Year
2026
Scope
Research, UX, UI, Design System, Prototype

02

Project overview

The existing Craigslist iOS application offers extensive marketplace functionality, but its dense presentation and navigation patterns create opportunities for improvement.

Developed in response to a product design challenge, the redesign explores how Craigslist can feel more approachable without abandoning the simplicity and familiarity that existing users recognize. Instead of introducing an entirely new marketplace experience, it focuses on improving existing interactions. The example category is Furniture, in the Minneapolis, Minnesota Craigslist area.

Four required native iOS experiences

  1. Home
  2. Category browsing — one subcategory level and listing results
  3. Search
  4. Listing details

Design objectives

  • Make category discovery easier.
  • Improve search visibility and context.
  • Make filtering and sorting more discoverable.
  • Improve listing-information hierarchy.
  • Preserve privacy and safety cues.
  • Make navigation feel natural to iOS users.
  • Retain Craigslist’s recognizable categories and navigation.
  • Support both Light and Dark appearance.
  • Provide a coherent, connected interactive experience.

These are design objectives, not measured business outcomes.

Screenshots of the current Craigslist iOS app: Home, category list, listing results and a listing.

The current Craigslist app as documented on the Research page. Personal information visible in screenshots must be removed before publishing.

Figma source: Existing Craigslist iOS app — research screenshots (opens in a new tab)

03

Research & market analysis

Research preceded UX design: secondary research, competitive analysis and a heuristic UX audit.

Direct competitor

OfferUp

Marketplace-specific patterns: listing discovery, categories, images, seller communication, safety cues and filtering.

Indirect UX benchmark

Airbnb

Structured search, category discovery, listing hierarchy, filtering, photography and contextual interactions.

Indirect UX benchmark

Lyft

Focused mobile navigation, location-aware interaction, bottom sheets, clarity and native-feeling task flows.

Competitor apps were inspected through reference screenshots and their existing experiences. Patterns were evaluated against Craigslist’s context rather than copied.

Research sample

38

public-review records coded in the evidence log

Research sample

Research sample

24

Craigslist reviews analyzed separately within that log

Research sample

Audit finding

15

heuristic findings, 5 rated major

Audit finding

Counts describe the collected research sample only — they are not statistics representative of all Craigslist users. None of the 24 Craigslist reviews was exclusively buyer-authored, so some buyer-specific decisions are heuristic-led hypotheses rather than directly validated buyer needs.

Heuristic audit history

The original draft contained 12 findings. During revision, 10 were carried forward, 2 moved to “Not assessed,” and 5 were added — giving 15 documented findings. These are evaluator findings, not issues reported by primary users.

Evidence confidence

Only three evidence items reached Moderate confidence under the project’s final rules:

E2 SafetyE3 PrivacyE5 Filter visibility

All other needs and opportunities are Low-confidence findings or design hypotheses.

Research limitations

  • No primary user interviews.
  • No completed usability-testing sessions.
  • Limited buyer-only feedback.
  • Older reviews potentially reflecting earlier app versions.
  • Static-screenshot analysis rather than comprehensive device testing.
  • A single evaluator for coding and heuristic severity assessment.
UX audit slide listing heuristic findings for the Craigslist app with severity ratings.

Selected heuristic audit findings from the revised audit.

Figma source: Craigslist UX audit slide (opens in a new tab)
Comparison of OfferUp, Airbnb and Lyft reference screens used as competitive benchmarks.

OfferUp, Airbnb and Lyft reference screens used for comparison.

Figma source: Competitive analysis evidence (opens in a new tab)

04

Design challenges

Six problem areas framed the redesign — distinguished by the strength of evidence behind them.

  • Category discoverability

    Heuristic-led opportunity

  • Search-context clarity

    Heuristic-led opportunity

  • Filter visibility

    Moderate-confidence evidence (E5)

  • Listing-information hierarchy

    Heuristic-led opportunity

  • Communication clarity

    Heuristic-led opportunity

  • Privacy and safety cues

    Moderate-confidence evidence (E2, E3)

05

Information architecture

Preserve Craigslist’s authentic category structure rather than replacing it with a simplified, invented taxonomy.

Information architecture was completed before wireframing. The selected General Home — Option 0 — keeps Craigslist’s seven existing main categories and adds second-level category browsing. The original five-tab navigation remains, with the first tab opening the redesigned General Home. Navigation was deliberately not restructured beyond the assignment’s scope.

Central browsing path

General Home → For Sale → Furniture → Furniture listings → Listing details

Five-tab navigation (retained)

SearchFavoritesPostAccountChat

Contextual search scope

  • From General Home, search initially covers All for Sale.
  • From Furniture, search is scoped to Furniture.

The UX flows document Cancel, Back, query editing, filter retention and recovery. Some search-relevance enhancements remain design hypotheses requiring technical confirmation.

Diagram of the redesigned Craigslist hierarchy with seven main categories and Furniture as a subcategory.

Category hierarchy preserving the seven main categories.

Figma source: Information architecture (opens in a new tab)
Selected General Home layout, Option 0, showing the category structure.

Approved General Home organization and browsing structure.

Figma source: Selected General Home, Option 0 (opens in a new tab)

06

UX wireframe process

Pencil sketches → structured low-fidelity wireframes → high-fidelity black-and-white UX wireframes.

Stage A

Pencil sketches

Deliberately rough explorations of layout, hierarchy and navigation, comparing alternative arrangements before detailed UI.

Stage B

Refined low-fidelity

Structured grayscale wireframes for screen organization, navigation flows, search behavior, filters, sheets, contact options and recovery states.

Stage C

High-fidelity UX (monochrome)

Precise composition, realistic image areas and detailed interactions — still black and white, not the final branded UI.

The working set includes approximately 22 core and supporting states — among them General Home, Furniture listings, active search, results, applied filters, listing details, photo gallery, location and filter sheets, sort menu, contact options, loading, connection error, no results, and the Gallery / Grid / Thumb / List viewing patterns.

Rough pencil-style sketches of early Craigslist screen layouts.

Early concept exploration.

Figma source: Stage A — Pencil sketches (opens in a new tab)
Gray low-fidelity wireframes of Home, listings, search and sheets.

Grayscale screen and interaction structure.

Figma source: Stage B — Structured low-fidelity wireframes (opens in a new tab)
Black-and-white high-fidelity wireframes with grayscale photos.

Monochrome UX wireframes before visual design.

Figma source: Stage C — High-fidelity black-and-white UX wireframes (opens in a new tab)

07

User flows

Seven documented flows, centred on Home → Furniture → Results → Listing Details.

The flows cover category browsing, search, refinement, listing inspection, seller contact and supporting interactions, following established iOS navigation conventions. They define where a journey begins, what Cancel and Back do, whether filters and sort are retained, how search scope changes, how users return to previous positions, how contact methods vary by listing, and how error and empty states offer recovery.

Listing viewing modes (retained)

  1. Gallery — large images
  2. Grid — medium images, the default
  3. Thumb — smaller images
  4. List — no images

Results menu actions

  • Change View
  • Filter & Sort
  • Show Map
  • Save Search
  • Share

View persistence, Save Search sign-in requirements and Show Map return behavior are documented assumptions, not verified existing app functionality.

Diagram of the seven user flows connecting Home, Furniture, Results and Listing Details.

The seven-flow structure.

Figma source: Detailed user flows (opens in a new tab)
Documentation of the Results menu and the Gallery, Grid, Thumb and List viewing modes.

Documentation of the four viewing modes and Results menu.

Figma source: Results menu & listing views (opens in a new tab)

08

Moodboards & visual direction

Three visual directions explored — Option 01, Refined Classic, selected for Light and Dark.

The moodboards combined real marketplace photography, typography, color palettes, interface references, composition, hierarchy, component styling and Light/Dark appearance. Option 01 — Refined Classic follows the user’s iOS appearance setting. It is a separate decision from the General Home structure (Option 0); the alternate Option 02 was held back.

Refined Classic visual direction shown in Light and Dark appearance.

The approved visual direction.

Figma source: Option 01 — Refined Classic, Light and Dark (opens in a new tab)

09

Design system

A scalable Figma system with foundations, components, states, variants and Light/Dark variables.

Approved mobile standards — design deliverable
Mobile screen width390 px
Mobile horizontal margin24 px
Content width342 px
Page-level section spacing40 px
Title-to-subtitle gap12 px
Bottom outer margin0 px
Tab barFlush to bottom
Tab bar structureFive equal 78 px tabs
Tab contentCentered
Filter chip height44 px

Component coverage

Navigation bars, tab bar, search fields, filter chips, listing cards, sheets and modal controls, text fields, segmented controls, listing-detail facts, photo gallery controls, contact actions, loading and skeleton states, empty and error messages, button and icon states — in Light and Dark.

Accessibility considerations are documented in the system; not all native accessibility behaviors were tested on a device.

10

Final UI design

An image-rich native iOS concept that keeps Craigslist recognizable while clarifying hierarchy and navigation.

Clarity without unnecessary reinvention

Preserve familiar navigation and recognizable categories.

Photography supports discovery

Improve browsing clarity without inventing unsupported seller information.

Privacy remains visible

Use approximate location appropriately; never imply unsupported precise distances.

Existing data is respected

Condition, delivery and other facts appear only when the listing contains them.

Contact is transparent

The contact sheet shows available options and authentication boundaries without claiming a message was sent.

Platform-native behavior

Respect safe areas, system navigation, expected sheet interactions and both appearance modes.

Final General Home screen with location, search and Craigslist categories.

Final UI, Light and Dark.

Figma source: General Home (opens in a new tab)
Final Furniture results grid with filter chips, photos and prices.

Final UI, Light and Dark.

Figma source: Furniture listings (opens in a new tab)
Active search screen shown next to the search results screen.

Final UI.

Figma source: Search active & search results (opens in a new tab)
Gray three-seat sofa listing with photos, price, condition and contact options.

Final UI.

Figma source: Listing details (opens in a new tab)
Filter sheet with price, condition and distance options.

Supporting screens.

Figma source: Filters, sort & viewing modes (opens in a new tab)
Contact-seller sheet showing the available contact options.

Contact options sheet.

Figma source: Seller contact (opens in a new tab)
Sort menu and the Gallery, Grid, Thumb and List listing views.

Sorting and listing-view modes.

Figma source: Sorting & viewing modes (opens in a new tab)

11 — Interactive prototype

One starting experience connects every flow.

The Master Interactive Journey links General Home, category browsing, search, filtering, sort, listing-view changes, listing details, photo gallery, contact-seller examples and recovery states — in Light and Dark Mode. Demo shortcuts belong to the presentation experience, not the product interface.

This is a working Figma interaction model — not a published app or live Craigslist backend. No real transactions or seller communications were implemented.

Launch Interactive Prototype (opens in a new tab)
Overview of the Master Interactive Journey connecting the app's flows in Figma.

One starting experience connects every flow.

Figma source: Prototype journey (opens in a new tab)

12

Tradeoffs & design decisions

The strongest decisions were often about what not to change.

Existing categories

Kept Craigslist’s seven main categories instead of inventing a simplified taxonomy, so existing users keep their mental model.

Five-tab structure

Retained Search, Favorites, Post, Account and Chat; global navigation changes were outside the assignment’s scope.

Listing privacy conventions

Approximate location and transparent contact options preserve the privacy and safety cues the evidence supported most.

Four listing-view modes

Gallery, Grid, Thumb and List were verified in the app and kept rather than replaced.

Existing user expectations

Improvements target clarity and hierarchy within familiar patterns instead of a new marketplace experience.

13

Outcomes & validation plan

From research to a connected product experience.

This is a design case study, not a launched product — there are no measured post-launch results.

Design deliverables — completed

  • 15 documented heuristic findings
  • 38 coded public-review records
  • Seven documented UX flows
  • Progressive wireframe development
  • Three moodboard directions
  • One selected visual direction
  • A documented Light/Dark design system
  • Final native iOS UI concepts
  • A connected master prototype
  • A complete research-to-design presentation

Proposed validation metrics — not yet measured

  • Category-discovery task success
  • Time to locate relevant listings
  • Search reformulation frequency
  • Filter discoverability
  • Search-to-listing progression
  • Listing-detail comprehension
  • Seller-contact initiation success
  • Confidence in privacy and location information
  • Accessibility task completion

Design QA covered wireframe-to-UI consistency, preserved manual corrections, viewport widths, safe areas, navigation destinations, linked prototype frames, Light/Dark parity and component consistency. A production-level QA program or formal usability test has not been completed.

14

Tools & process

UX and UI design

  • Figma
  • Figma AI
  • Figma Slides
  • Figma interactive prototyping

Research & evaluation

  • Existing Craigslist iOS app, OfferUp, Airbnb and Lyft
  • Publicly accessible reviews and product references
  • Perplexity — market-research assistance
  • Claude — research synthesis, documentation and workflow assistance
  • ChatGPT — research, design critique, planning and UX direction

All design decisions and approved manual corrections belong to Julieta Kleven. AI tools supported analysis, organization, exploration and documentation; they did not validate the project.

Tools used: Figma, Figma AI, Figma Slides, Claude, Perplexity, ChatGPT, Airbnb, Lyft and OfferUp.

Closing-slide tools artwork from the secondary presentation file.

Figma source: Tools used (opens in a new tab)

15 — Closing reflection

The redesign demonstrates how thoughtful, evidence-informed improvements can make an established product feel clearer and more approachable without replacing the familiar patterns its users depend on.

Closing slide with a black-and-white grid of nine Craigslist category photos.

Closing slide from the case study presentation.

Figma source: Closing visual (opens in a new tab)

More projects

Explore all projects

Have a project?

Book a free call

Reach out any time

Happy to Help!