top of page
df-logo-lrg.png

Racct.

UX/UI for a Sustainable Pre-Loved Marketplace and Dashboard Experience

Overview

About Racct

Racct is a responsive web app for rehoming pre-loved items through a seamless, community-driven marketplace. Users can browse, donate, or sell with ease—managing pickups and transactions within 48 hours to reduce waste and support a circular economy.

Group 1000006051.png

Skills

Figma
FigJam
Adobe Illustrator
Photoshop

Tools

UX Research
UI Design
User Flow
UX Audit
Prototyping
Responsive Design

The Process.png

Process

Double Diamond Design Process

Define

The Problem

Rehoming pre-loved items is time-consuming and inefficient, leading to waste and conflicting with the desire for sustainable living.

The Solution

Racct streamlines the process with an intuitive app that makes browsing and scheduling pickups easy, ensuring items are rehomed within 48 hours.

imac-racct-free.png

User Journey

This flowchart illustrates the user journey in the Racct app, highlighting steps to purchase, sell, or donate items. It helps identify pain points and opportunities for a smoother user experience.

User Journey.png

Regular

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789 $%&#!@?*“”

Uses: body copy, medium text sizes.

Do not use: for small or large text, headlines, UI elements, or small text.

Medium

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789 $%&#!@?*“”

Uses: UI elements and small text. Works well for instructions.

Do not use: for headlines

An italic version of Medium can be used for this customer quotes.

Bold

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789 $%&#!@?*“”

Use: Headlines and button text

Do not use: Large paragraphs of body copy.

Design Systems

Typography

Aa

Inter

Colors

black-greys.png
green.png

Green Symbolizes:



Growth

Signifies progress and innovation, ideal for tech products.

Reliability

Suggests stability and trust, implying dependable services.

Sustainability

Reflects eco-friendliness, aligning with sustainable practices.

blue.png
outline-buttons.png
grey-buttons.png
blue-buttons.png

Buttons

green-buttons.png

After Redesign

full-length-ipad.png

UX Audit: Homepage Before & After

Before Redesign

ipad-normal-length.png

Marketplace UI

Designed for user convenience, the marketplace streamlines buying and rehoming pre-loved items.


Key Features:


  • Effortless Browsing: Curated listings in a visual grid for quick decisions.


  • Seamless Checkout: A frictionless flow from cart to purchase.


  • Fast, Community-Powered Rehoming: Helpers ensure pickup and delivery within 48 hours.


  • Personalized Suggestions: AI-driven recommendations based on user behavior.

tri-tablets.png

Dashboard UI

A centralized hub for users to manage their marketplace activity with ease.

Key Features:


  • Order Tracking & History: Clear, organized access to past and current orders.

  • Wishlist Management: Save and track item availability and pricing.


  • Payment & Address Management: Simple updates for seamless transactions.


  • Notification Customization: Personalized alerts for orders, new listings, and updates.

Success Metrics and Data-Driven Insights


The Racct redesign improved usability and engagement, demonstrating how user-centered design can advance both adoption and sustainability goals.

+52%

Increased Sales

+64%

Increased Donations

+28%

Referral Participation

Group 1000006054.png

Key Learnings

  • Simplified Onboarding is Key: Users engaged more when the process was intuitive and required minimal effort.

     

  • Community-Focused Features Enhance Engagement: Users valued fast rehoming and trusted helper support.

     

  • Personalization Increases Retention: Relevant suggestions kept users engaged and encouraged repeat visits.

Bonus

A playful, no-limits take on Racct’s brand design.

Location

San Francisco–based, and available for both in-person and remote collaborations.

  • Frame 9
  • LinkedIn
  • Behance
  • Dribbble
bottom of page