APP DESIGN • PROTOTYPE ANIMATION
Bikeable is a rental e-bike system for local residents and employees of New Bremen, designed for both short trips and full-day travel.
This project focuses on the mobile app experience, providing a seamless, distance-based solution that reduces car reliance and supports connected, sustainable commuting.
This project was completed collaboratively. UX design and system development by me; branding and visual design by my teammate.
Final App Screens
New Bremen Background
New Bremen, Ohio, home to Crown Equipment, has a strong community where residents live and work locally.
Nearby towns like Minster, Fort Loramie, and New Knoxville are closely connected, making them ideal for short-distance biking.
Design Research — Survey
Surveyed employees within a 50 mile radius and received feedback over biking preferences and commute barriers.
Design Research — Employee Interview
To better understand how biking can function as a primary mode of transportation, we interviewed Mark K., an employee who has worked in New Bremen and brings 14 years of firsthand experience with bike culture and infastructure in Munich.
Preferred biking around town & in between meetings
Motivated employees to use if accessible to Crown families at a discounted price
56% were not motivated to use the bikes on the weekends or after hours
Mark K. — New Bremen Employee
Pain Points
Poor weather
Heavy belongings or extra items
Poor biking infrastructure & Safety
Ensuring bikes are at the station after a completed journey.
Visual & Interactive Design solutions
In-app lock-up confirmation
Extra charges if not charging
In-app weather page
Accommodating bike features
Signage
IA Mapping — Low & Mid Fidelty Screens
Storyboard
User connects bike to the Bikeable app to unlock the ride.
Sketches — Low & Mid Fidelty Screens
Sketches — Low & Mid Fidelity Bike Interface
Connected interface on e-bike that displays the step by step directions.
Style Tile
Typography - Golden Ratio
Small Body Text 12 pt
Reg Body Text 16.18 pt
Sub header 19.42 pt
Header 31.42 pt
Big Header 50.84 pt
Iconography - Golden Ratio
Color Palette
Grid System
5 column
Margin: 26px
Gutter :13px
Style Guide
Typography
Navigation
Iconography
App walkthrough
User Logs in
Taps to connect the bike
Starts with step-by-step directions on the bike interface
Returns to the payment screen.