Closing
the digital gap
LiveWire
Overview
A mobile app for LiveWire EV motorcycles, designed to streamline bike management and connect riders through shared experiences.
Solution
An intuitive app featuring bike control, ride planning, customizable charging, and a built-in events feature to foster community engagement.
Problem
Brand lacked an integrated platform for controlling bike functions that enhanced ownership experience.
Goal
Create a rider-centric platform that offers seamless bike management while connecting users through shared events and experiences.
Tools
Figma, Illustrator, Photoshop
Scope
UX/UI Design and Research
Timeline
1 month
Research
The LiveWire Identity
LiveWire began as Harley-Davidson’s electric vehicle division, combining heritage craftsmanship with cutting-edge innovation. Now an independent brand, it leads the charge in the electric motorcycle market, redefining the riding experience for a new generation.
est 1903
est 2021
Vision and Values
LiveWire blends electric simplicity with the soulful connection of riding, aiming to fully immerse riders in the present moment. With a focus on sustainability, performance, and innovation, LiveWire delivers distraction-free, thrilling urban adventures and beyond.
Digitalization of Connectivity
While LiveWire leads in electrifying motorcycles, it also needs a mobile app to elevate the riding experience. Apps have become essential in the automotive industry, connecting users with features like navigation, charging management, and remote controls. Competitors like Tesla and Polestar use apps to enhance usability and loyalty, setting the standard for the industry.
Tesla
Polestar
My BMW
What Riders Value Most
Alex M
"Keeping my bike in top shape and optimizing performance makes riding more reliable and enjoyable."
Jordan T
"Being able to discover events and ride with others makes the experience way more meaningful."
Casey H
"I like having my range and route sorted ahead of time so I can focus on the road stress-free.”
These insights underscore what enhances the motorcycling experience.
Bridging Function and Connection
Riding is about more than the journey; it’s also about the people and memories. The app can benefit from a community feature that blends functionality with connection, enhancing the experience like no other EV app. By uniting riders for group rides, meetups, and shared moments, it will capture the heart of motorcycling and set the app apart.
The problem at hand is clear…
How can LiveWire riders seamlessly control their bikes, plan rides, and connect with a vibrant community, all in one app?
How might we help riders stay on schedule while managing key bike info at a glance?
How might we give weekend riders the tools to explore routes and stay informed throughout their trip?
How might we foster connection among riders through shared events, routes, and community features?
Jordan M 28
Marketer
New York
Background
Jordan is a marketing professional thriving in the heart of a busy city, balancing a demanding career with an on-the-go lifestyle. Uses a motorcycle to cut through traffic, stay on schedule, and keep up with the dynamic pace of urban living.
Pain points
Convenience
Safety
Navigation
Community
Target Personas
Rafael P 42
Photographer
California
Background
Avery is a freelance photographer and outdoor enthusiast who looks forward to weekend escapes from the city. Enjoys discovering scenic routes, capturing landscapes, and sharing the joy of riding with like-minded adventurers during group outings.
Pain points
Convenience
Safety
Navigation
Community
Built from research insights, These personas highlight the real challenges faced by the target users.
Design
Structuring the Solution
Taskflows and wireframes illustrate how the app guides users through key actions like scheduled charging and in-app navigation for a streamlined experience.
While the core taskflows stayed consistent, many visual and interaction details evolved through user feedback and iteration.
Designing With Feedback
Design Inspired by Nature and Wellness
The moodboard reflects LiveWire’s blend of Harley-Davidson’s legacy of raw technological power with sleek, futuristic design. It captures the precision and innovation of modern motorcycling, inspiring an app experience that’s intuitive, bold, and forward-thinking.
Style and Components
Drawing from the moodboard’s focus on modern performance, the design system embraces clean lines, bold contrast, and functional clarity. The typeface, color palette, and components were chosen to reflect a riding experience that feels confident, minimal, and intuitive built for both utility and personality.
ABCDEFGHIJLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890?!@#$%^&*()[]{}
18px
Regular
Aa
Medium
Aa
Bold
Aa
DM Sans
Colophon Foundry
TYPEFACE
#718A98
China Clay
#E6E6E6
Placebo
#E59500
Autumn Yellow
#313235
Ebony
#161716
Bitter Liquorice
COLOR PALETTE
INTERACTIVES
WIREFRAMES
Result
Bringing It All Together
By merging essential bike controls with real-time planning tools and community-driven events, LiveWire reimagines what a companion app can do. LiveWire bridges utility and connection in every ride.
View in PDF
Figma Prototype
Takeaways
Designing LiveWire meant finding the right balance between practical tools and community-driven features. Creating something that stands apart from existing EV apps was challenging but rewarding. With so many functions such as: remote control, navigation, social features, it required more research and time than usual to shape each flow.
If I had more time, I’d explore deeper social integration and how that could help riders connect, stay engaged, and feel more excited about switching to EV.
Next projects…
© 2025 Rick Takeda. All Rights Reserved.