← Back to case studiesMini programs

Harley-Davidson

From your first choice to every ride.

We developed the product experience, frontend and backend of the Harley-Davidson mini program, connecting motorcycle discovery, comparisons, dealers, test rides, riding content and H.O.G. services.

WeChat mini programProduct experienceMotorcycle comparisonsTest ridesRider servicesFrontend and backend
What we worked onMini program CRMInteraction design & developmentFrontend & backend development
The ride starts here

Find your motorcycle.Enjoy the journey.

Explore Harley-Davidson motorcycles and colour options, compare your favourites, find a dealer and try the test ride journey. Discover riding stories, events and H.O.G. services through the original Chinese interface.

Harley-Davidson WeChat mini program code
Open Harley-Davidson in WeChatOn mobile, press and hold to recognise the code

More to discover on every ride.

Swipe through the main screens, from motorcycle discovery and test rides to rider services.

  • Start your riding journey

    Discover the brand, motorcycles and riding life from one home screen.

    Harley-Davidson: Start your riding journey
  • Discover the motorcycle ranges

    Browse the ranges and continue to your favourite motorcycle.

    Harley-Davidson: Discover the motorcycle ranges
  • Find your motorcycle

    Switch model years and ranges to explore motorcycles and colours.

    Harley-Davidson: Find your motorcycle
  • Explore the details

    Explore finishes, colours, reference prices and technical specifications.

    Harley-Davidson: Explore the details
  • Build your shortlist

    Add favourite motorcycles and choose two to compare.

    Harley-Davidson: Build your shortlist
  • Compare side by side

    See motorcycle appearance, reference prices and specifications together.

    Harley-Davidson: Compare side by side
  • Find a dealer

    Browse dealers by province and city, with addresses and contact details.

    Harley-Davidson: Find a dealer
  • Plan your visit

    Explore dealership photographs, opening hours and addresses.

    Harley-Davidson: Plan your visit
  • Explore a test ride

    Choose a motorcycle and complete rider details and purchase plans.

    Harley-Davidson: Explore a test ride
  • Discover riding life

    Explore rider stories, community topics and motorcycle knowledge.

    Harley-Davidson: Discover riding life
  • Find customisation inspiration

    Explore the official Nightster customisation story.

    Harley-Davidson: Find customisation inspiration
  • Explore riding events

    Discover brand activities and shared riding interests.

    Harley-Davidson: Explore riding events
  • Take a closer look

    See activity artwork, details, locations and dates together.

    Harley-Davidson: Take a closer look
  • Meet the H.O.G. community

    Discover riding life and services from the club home screen.

    Harley-Davidson: Meet the H.O.G. community
  • Discover rider benefits

    Browse the original H.O.G. club benefits presentation.

    Harley-Davidson: Discover rider benefits
  • Introduce yourself

    Complete rider details, riding preferences and a dealer choice.

    Harley-Davidson: Introduce yourself

From discovering the brand to every ride

For a riding enthusiast, discovering a motorcycle is only the beginning. Choosing a range and configuration, comparing two models, finding a test ride and exploring ownership services are all part of the journey.

The Harley-Davidson mini program brings brand content, motorcycle discovery, dealers and rider services into one WeChat entry point. We worked on the mini program product experience, frontend and backend development, connecting that first spark of interest with everyday riding needs.

Make every choice easier to explore

Motorcycles and configurations

Model years and ranges organise the catalogue while keeping the motorcycles at the centre of the visual experience. Appearance, colours, finishes and reference prices stay connected, with grouped technical specifications for a closer look.

Saved models and comparisons

Riders can save their favourites or build a comparison list, then select two motorcycles to explore side by side. Appearance, reference prices and technical specifications follow a matching structure so differences are easier to find.

From online discovery to a dealer visit

The dealer list supports province and city filters. Detail screens bring together photographs, opening hours, addresses and phone numbers. Motorcycle details connect to the test ride form, where riders can continue with personal details and purchase plans.

Forms follow a clear sequence of selection, entry, confirmation and feedback. Model years, ranges and motorcycles stay connected, and entered details remain available when riders return to make changes.

Keep riding life connected

Rider stories, motorcycle knowledge and brand activities provide a continuing content journey. Riders can discover public stories, customisation inspiration and activity information, then explore H.O.G. club benefits, rider registration or service enquiries.

The preview retains the original product’s sections, cards and page layouts, keeping the Harley-Davidson visual identity consistent as riders move between motorcycles, content and services.

Your next little idea could be something good.

You don’t need a perfect brief. “I have an idea” is a lovely place to start.