All work
Concept · Web · Mobile AppVisit live siteDesigned & built end-to-end

Stride(Concept)–Web&MobileAppRedesign

Stride lends free phone batteries from boxes in French bars, campuses and cinemas, and pays for it with advertising aimed at 18 to 25 year olds. This is a concept: my own redesign of its brand expression, website and mobile app. It isn't Stride's live product. The website is a working build, and the app is a functional prototype running on demo data with no backend.

Roles
Product Designer · Brand Designer · Design Engineer
Tools
Figma · Next.js · GSAP · Lenis · Expo · React Native
Category
Concept / Consumer App
01

The Idea

Stride talks to two very different audiences: brands buying attention, and students at 2% battery. Gen Z tunes out classic advertising, but it remembers who saved its evening. The concept leans into that: a brand as loud and useful as the service, with one visual language from a campaign pitch to a bar counter.

02

The Website

Built around two audiences— Four pages separate advertisers from venues: how campaigns work, why a useful service beats an interruption, how a venue joins, and who's behind it.
A motion system with attitude— Hard shadows, stacked colour layers and window-frame cards, driven by GSAP and Lenis: pinned how-it-works steps, a sideways gallery of real locations, stacking case cards and an animated map of France. Reduced-motion settings are fully respected.
Just as loud on a phone— Every pinned and horizontal scene was reworked for mobile, with fluid stat sizes and larger tap targets, so the personality survives on the screen students actually use.
03

The Mobile App

Thirty-six screens, one complete loop— Onboarding, sign-up, map, Stridebox details, QR scan, unlock, battery timer, return, confirmation, offers and activity. It's built in Expo and React Native and runs on a real phone, with the real camera scanning.
Honest about the deposit— The moment most likely to scare a student gets the clearest screen: a card imprint that is never charged if the battery comes back within 48 hours.
Failure states designed too— An empty box, a failed unlock and a city outside the service area all have their own screens, because a phone at 2% is the worst time to hit a dead end.
04

The Brand Book

The whole concept is documented in a 44-page brand book covering logo, colour, type, tone of voice, motion and applications, with a showreel to present it.

Concept work. Campaign figures visible on the website come from Stride's own presentation and aren't results of this redesign.

✦

Design DNA

Palette sampled from the project's own screens — tap a swatch to copy.

LoudPlayfulUsefulGen Z
AntonDisplay
Barlow CondensedLabels
PoppinsBody
Stride (Concept) – Web & Mobile App Redesign
Stride (Concept) – Web & Mobile App Redesign
Stride (Concept) – Web & Mobile App Redesign
Stride (Concept) – Web & Mobile App Redesign
Stride (Concept) – Web & Mobile App Redesign
Stride (Concept) – Web & Mobile App Redesign
Stride (Concept) – Web & Mobile App Redesign

The Takeaway

Beusefulfirst.Thenyou'veearnedtherighttobeloud.

See what clients say about this work
Hamza's AI assistant
Built by Hamza · Powered by Groq
Hey! I'm Hamza's AI assistant — designed and built by him, right into this site. Ask me anything about his work, his journey, or what clients say. ✦