Adventure Loop: Making the outdoors more accessible

Mobile screen showing Adventure Loop outdoor gear shop with a snowy mountain banner, options to shop by activity like camping and hiking, and brand logos including Arc'teryx and Burton.

Secondhand outdoor gear is affordable and sustainable, but only if buyers trust what they’re getting. A full end-to-end UX design for Adventure Loop, a resale platform built to earn user trust as a secondhand marketplace.

Summary & Stats

Timeline
4 Weeks
Role
Project Manager, UX Researcher & Designer
Tools
Google Workspace, Miro, Canva, Figma

Project Background

Adventure Loop was designed to make outdoor recreation more affordable and environmentally conscious, addressing the key shortcomings of existing resale competitors: poor navigation, cluttered interfaces, and limited product variety. The core challenge was building trust in a new, unestablished platform selling secondhand gear. The primary goals were to increase conversion through simplified navigation, give users confidence in the gear vetting process, and deliver an experience on par with established outdoor retailers. The target audience is adults aged 25–35 who are budget-conscious, environmentally motivated outdoor enthusiasts comfortable with ecommerce, users who want the economics and ethics of secondhand without sacrificing the shopping experience.

Competitive Analysis

Adventure Loop's primary direct competitors are outdoor gear resale platforms, both general and brand specific. The table below outlines key differentiators across product overview, features, mobile experience, competitive advantages, and weaknesses.

BrandProduct OverviewFeature AnalysisMobile ExperienceCompetitive AdvantageWeaknesses
Adventure LoopOutdoor gear resale marketplaceCategory filters, condition details, multiple imagesModern, responsive, mobile optimized interfaceOutdoor resale focus with product varietyNew, unestablished brand
Direct Competitors
GeartradeOutdoor gear resale marketplaceGear filters, product varietyResponsive but dated interfaceLarge resale inventoryCluttered interface
Patagonia Worn WearPatagonia certified used gearCondition certified, repair programClean responsive ecommerceStrong sustainability brandBrand-limited inventory
Cotopaxi x ThredupCotopaxi apparel resaleSize filters, sorting toolsMobile optimized resale platformBrand resale partnershipBrand-limited inventory
Arc'teryx ReBirdArc'teryx repair and resale programRepair programModern responsive ecommercePremium gear refurbishmentBrand-limited inventory
The North Face RenewedRefurbished North Face gearCondition certifiedClean responsive retail designTrusted brand qualityBrand-limited inventory
Indirect Competitors
REI Re/SupplyUsed gear resale programAbility to view in personStrong responsive retail UXRetail + resale ecosystemLimited inventory, in person only
Facebook MarketplacePeer-to-peer resale marketplaceBasic search, messaging tools, view in personStrong mobile app experienceLarge user networkPotential low trust, in person only
PoshmarkSocial fashion resale marketplaceBrand filters, social sellingMobile-first marketplace designLarge resale communityNot outdoor-focused
DepopTrend-driven resale marketplaceSocial discovery browsingHighly optimized mobile appPopular with younger usersNot outdoor-focused

Brand Identity

Tone & Values

Adventure Loop's brand tone is sustainable, adventurous, accessible, and trustworthy. The brand reflects values of environmental sustainability, spreading awareness of secondhand shopping's positive impact, making outdoor recreation accessible, maintaining natural environments for future generations, and pursuing adventure in the outdoors. The visual identity draws directly from natural environments.

Logo

The Adventure Loop logo was designed to reflect the outdoor lifestyle and sustainability through its iconography. The arrow infinity loop implies recycling while mimicking the shape of a ski path, connecting the brand's environmental ethos to the action sports world. The color palette conveys trust and connection to nature through earth tones.

Adventure Loop logo with a beige infinity loop and arrow symbol above the text Adventure Loop on a muted teal oval background.

Color Palette

The primary palette consists of sage green, slate blue, dark teal, and light sand, which are muted earth tones evoking natural environments, trust, and calm. These are used in the logo and main site elements including the navigation header, menus, and background cards. The secondary palette uses chartreuse and cobalt blue as accent colors to reflect the energy of action sports, applied to icons, CTA buttons, and text highlights.

Typography

Headings use Prompt, a geometric sans-serif typeface with condensed, rounded letters. Body text uses Open Sans, a sans-serif known for high legibility and a neutral, modern appearance. Together they contribute to the clean, modern aesthetic and accessibility of the site. The minimum body text size of 18px also supports readability and WCAG 3.0 AAA compliance.

Adventure Loop design system overview showing color palette, typography styles, buttons/icons, and input fields for an outdoor gear website.

Research & Testing

Testing Overview

A moderated remote usability study was conducted with 6 participants (2 women, 4 men, aged 25–35) via Zoom. All participants had experience with ecommerce, outdoor recreation, and buying secondhand gear. Six tasks focused on site navigation were administered using a think-aloud protocol, followed by moderator debrief questions.

Metrics

Primary metrics included Task Success Rate, Error Rate, Single Ease Question (SEQ) scores assessed after each task, and posttest System Usability Scale (SUS) scores. Secondary metrics included self-reported satisfaction ratings and time on task. SUS score results are depicted below.

Radar chart showing scores close to 10 for ten questions with slight variation around Question 5 and 7.Text displaying SUS study score 96.67, median 97.5, standard deviation 1.29, adjective Best Imaginable, grade A, acceptability Acceptable, and quartile 4th, followed by per question scores from 9.17 to 10 and conclusiveness 35%.

Key Findings

All 6 participants successfully completed all tasks, though some took indirect paths. High priority issues included difficulty locating secondary product categories, uncertainty when returning to the homepage, and extra steps added by navigating to checkout instead of the shopping bag. Lower priority, but still crucial, issues included the lack of ability to filter by product type and lack of detail on product cards.

Design Improvements

Based on usability testing findings, the following design changes were made in iteration v1.2:

  • Navigation hover interaction: subcategories now expand on hover rather than automatically on open, matching user mental models and reducing accidental activation
  • Back to Homepage button: added at checkout and order confirmation pages as a secondary action, restoring user control at the end of the flow where participants reported feeling stuck
  • Typography scale increased: body text 16pt → 18pt, subheadings 20pt → 24pt, CTA buttons 20pt → 22pt extra bold, improving readability and visual hierarchy
  • Product type filter added: participants struggled to find items outside main categories; a dedicated product type filter reduces reliance on navigation alone
  • Product card detail expanded: more details visible on cards so users could evaluate items without clicking through to individual product pages

Expected Impact

These improvements are expected to result in a higher task completion rate, fewer navigation errors, and improved overall user satisfaction and perceived usability. With the primary issues addressed, task completion time is also anticipated to trend toward the standard ecommerce session average of 2–5 minutes.

Homepage UI - Key UX Decisions

Decision 01

Navigation clarity

Hover-to-expand subcategories and activity based visual categories reduced navigation errors and matched how users expected to browse outdoor gear.

Decision 02

Visual hierarchy & trust

Hero imagery, high contrast CTAs, and user reviews as social proof establish credibility, which is critical for a new platform selling secondhand goods.

Decision 03

Building confidence in secondhand

Product condition details, multiple images per listing, and a modern aesthetic matching established outdoor retailers to reduce purchase hesitation.

Navigation Clarity

The navigation was designed with a horizontal top bar for category hierarchy and a header search field, allowing users to find products efficiently. Large visual product categories were organized by activity, brand, and featured seasonal categories and clearance. The navigation menu was later updated to follow a hover-to-expand interaction, separating main categories from subcategories to match user mental models.

Visual Hierarchy

A large hero image draws the eye to the tagline and primary CTA button. High contrast colors and consistent typography reinforce visual hierarchy across the site. Differentiated heading and body text, combined with intentional use of whitespace and grouping, help users navigate related categories with ease.

Building Trust

User reviews are prominently displayed as social proof, and high quality imagery maintains a consistent, professional aesthetic. The site's modern, clean layout mirrors the standards set by established outdoor brands, building trust in a new platform selling secondhand gear.

Final Product

The final app layout was designed to reflect usability principles. It establishes clear entry points on the welcome screen with clear button hierarchy, persistent back navigation and breadcrumbs for better understanding of the site architecture, and an easy to navigate menu that always appears in the top header as well as footer links.

View Next Case Study
Back to Top