✦ AI Workflow ⏳ WIP Industry Health · Mobile App · POD Role Brand Designer · Creative Strategist Tools Claude · Adobe Firefly · Figma Market North America · Gen Z Women

Sock It Up:
The Hot Girl Hike App

North American women want to walk more — but every fitness app either talks to athletes or talks down to them. Sock It Up fills the gap: a gamified hiking app built on confidence, not calories, for Gen Z women.

Sock
It Up
Soft Y2K Wild · SS 2026
5+
Competing apps
mapped & analyzed
3
Brand directions
proposed & tested
1 day
Brief to complete
brand system
AI+
Claude + Firefly
across every phase

There's a gap in the market — and it looks exactly like her

Walking and hiking are exploding among North American Gen Z women. #HotGirlWalk has 1.5B+ TikTok views. "That Girl" routines center outdoor movement. But the apps haven't caught up.

Strava and Nike Run Club speak to serious athletes. Walkr and Steps & Beasts are designed for children. No one is building for the adult woman who wants movement to feel like a lifestyle — not a workout.

Serious / Athletic Casual / Fun Childish Adult
Strava
Nike RC
Walkr
Steps & Beasts
Sock It Up ✦

Competitive positioning — the upper-right quadrant is wide open

Design Decision

I used Claude to map 5 competing apps across two axes — adult/childish and casual/athletic — and identified the empty quadrant: adult quality + fun gamification. That's where Sock It Up lives. No competitor exists in this exact position for North American women.

A 4-phase AI-accelerated workflow where every tool has a specific job

Rather than using AI as a shortcut, each tool was assigned a distinct role based on its strengths — Claude for language-heavy strategic thinking, Firefly for visual exploration that would take hours in Illustrator.

01

Competitive Strategy

Claude

Mapped 5+ competing apps on positioning axes. Identified North American Gen Z women's wellness trends. Found the market gap.

02

Brand Direction

Claude

Generated 3 distinct brand directions with palettes, typography, and messaging. Designer selected and fused A+B into "Soft Y2K Wild."

03

Character Design

Firefly

Explored sock mascot visual directions — Y2K clean girl aesthetic, 2D illustration style. Designer directing character development.

04

UI Screens

⏳ Up Next

App homepage, reward screen, trail unlock flow. To be built in Figma using brand system established in phases 01–03.

Prompt used in Phase 01

"I'm designing a gamified walking/hiking app targeting North American Gen Z women who care about health and lifestyle aesthetics — think Hot Girl Walk, That Girl routines, Alo + Rhode aesthetic. Map the competitive landscape and identify the unoccupied position. Don't recommend weight-loss messaging — reframe around movement as confidence."

Direction: Soft Y2K Wild

Three directions were proposed — Y2K Peak, Cozy Trail, Bold Summit. I fused the first two: the optimism and visual energy of Y2K with the warmth and approachability of cozy outdoor living. The result is a brand that feels both current and distinctly feminine without being soft or passive.

Axis 01

Y2K Confidence

Bright, graphic, optimistic. Movement feels like a main character moment.

Not: childish or ironic

Axis 02

Soft Wildness

Outside, in motion, unpolished in the best way. Natural without being earthy.

Not: granola or wellness-clinical

Axis 03

Social Proof

Built to be shared. Trail unlocks become TikTok moments. Walking becomes identity.

Not: calorie counting or performance metrics

Butter Zap
#F5DE52
Primary CTA, mascot body, energy
Dusty Rose
#D4829A
Accent, mascot legs, blush
Peach Coral
#F5A58C
Secondary accent, reward UI
Berry Mauve
#8B3A6B
Brand deep, headers, CTA hover
Trail Sage
#A8C5A2
Nature connection, trail UI
Cream Base
#FFF8F2
Background, surface, warmth

Designer Judgment

Claude proposed a broader palette with cool blues and neutrals. I pushed it warmer — specifically replacing the muted sage with Butter Zap as the dominant accent. The reference point was Rhode's glazed lip treatment: a warm, skin-like yellow that reads as luxurious even at small scale. Sage stays, but as a nature nod rather than a hero color.

A sock that walks with you, not at you

The mascot is a 2D crew sock with a face — seen from the side, mid-stride. The brief: cute and chic, not childish. References include Alo's minimal aesthetic, Rhode's warmth, and Y2K clean girl energy from TikTok.

The sock character will appear on the app home screen, animate to celebrate trail completions, and become the POD merchandise line — so the design needs to work at icon size, full screen, and on a physical sock.

In progress. Character design currently in development in Adobe Firefly. Final 2D version to be integrated into UI screens and hero image.

Concept direction — Firefly final in progress

What Was Delivered

A complete brand system
ready to build on

01
Brand Identity
Color system, typography direction, brand voice, messaging framework — everything needed to build consistently at scale.
02
Strategic Foundation
Competitive positioning, target audience definition, North American market framing, growth-ready social share mechanic.
03
Product Pipeline
Core mechanic: complete trail → unlock sock design → social share → POD product. Three revenue streams built into the brand logic.

From brand to product

01

Brand Identity System

Color palette, typography, voice framework, competitive positioning, mascot direction.

✓ Complete

02

Mascot Character

Final 2D sock illustration in Adobe Firefly. To be used in app UI, reward animations, and POD merchandise.

⏳ In Progress

03

App UI Screens

Homepage, trail map, reward unlock screen, social share card. Built in Figma using the brand system.

Up Next
← Previous
AI-Augmented Brand Design: Soothing Zone
Next →
Papyrus Art Direction