UX/UI Case Study

Secure2Go

Designing a Safer Way to Buy, Sell, and Trade Locally

Role

UX/UI Designer

Team

Jesse L & Janel A

Timeline

3 Months

Tools

Figma, Adobe XD

Role

UX/UI Designer

Team

Jesse L & Janel A

Timeline

3 Months

Tools

Figma, Adobe XD

The Problem

Existing local selling platforms lack strong trust and safety features. Users constantly face scams, unsafe meetups, and unclear logistics making lack of trust the single biggest barrier to completing transactions.

The Goal

Design a marketplace that feels as safe as online shopping by integrating

Verified User Identities

Real-time Driver Tracking

Transparent Delivery

My Process

From discovery to pixel-perfect design.

Research

Interviews & Competitor Analysis

User Flows

Mapping Buyer/Seller/Driver journeys

Wireframing

Lo-fi sketches & Usability tests

Visual Design

High-fidelity UI & Prototyping

Iteration

Refining based on feedback

Design System

Building a scalable system focused on clarity, accessibility, and instilling user trust.

Typography

Header 1
FontIstok Web
WeightBold
Size36px
Line HeightAuto

The quick brown fox jumps over the lazy dog.


Header 2
FontIstok Web
WeightBold
Size24px
Line HeightAuto

The quick brown fox jumps over the lazy dog.


Body Text
FontSegoe UI
WeightRegular
Size16px
Line HeightAuto

The quick brown fox jumps over the lazy dog.


Button Label
FontJost
WeightSemiBold
Size16px
Letter Spacing2%

The quick brown fox jumps over the lazy dog.

Color Palette

Deep Blue

#1E319D

Lime Green

#43B17E

Deep Black

#000000

White

#FFFFFF

Light Blue

#00B9FF

Inactive Gray

#6B6B6B

Light Gray

#8F9098

Button Blue

#006FFD

Delete Red

#FF5252

Indicator Gray

#E9E9EA

Bright Red

#FF0000

Caution Orange

#FB8A33

UI Components

The Building Blocks of Trust

All components built as reusable Figma auto-layout elements with defined states.

Navigation
Navigation Dock

Navigation Bar — Default, Active (Buy), Active (Sell), Active (Message), Active (Profile) states

Verification Flow
Driver Verification

Driver Verification Flow — Multi-step document upload and identity check states.

Available Orders
Available Orders

Available Orders Feed — Card variations showing payout, distance, and item details.

Order History
Order History

Order History Log — Completed transaction records and digital receipt states.

Active Orders (Incoming)
Active Orders To You

Incoming Orders Dashboard — Active progress trackers for items in transit to the buyer.

Active Orders (Outgoing)
Active Orders From You

Outgoing Orders Dashboard — Status monitoring for items sold and dispatched by the user.

Understanding the User

We identified two primary personas with distinct needs.

Leila

The Buyer

“I love finding unique items nearby, but I’m terrified of scams and meeting strangers.”

Pain Points
  • Safety concerns during meetups
  • Uncertainty about item condition
Guy typing on laptop
Victor

The Seller

“I want to clear out my garage quickly without dealing with 50 messages and no-shows.”

Pain Points
  • Wasted time on flaky buyers
  • Coordinating pickup logistics

The Solution

Distinct experiences were created for each user type to ensure clarity and trust at every stage.

Buyer Flow

Browse → Chat → Confirm → Track

Seller Flow

List → Manage Pricing → Confirm Pickup

Driver Flow

Receive Task → Pickup → Verify Delivery

Wireframes & Iterations

The client initially provided basic wireframes, but critical flows for drivers and safety checkpoints were missing. 

We expanded the architecture to include verification steps and real-time feedback systems. Through iterative testing, we reorganized layouts to prioritize clarity over density.

Low-Fidelity
Usability Testing
Rapid Prototyping

Results & Impact

Validated through testing with 10 participants.

92

Usability Score

out of 100

90%

Task Completion

Success Rate

+82%

User Confidence

in safety measures

-35%

Checkout Time

Efficiency Increase

jrocca.com