ABOUT THIS PROJECT.

As part of my thesis on transportation development for Batu City, I conceptualized an electric bike integrated with a bike-sharing system to enhance tourist mobility within the city.

In this segment, I delve into the UI/UX design process behind the bike-sharing application. It begins with an exploration of prevalent issues in existing bike-sharing systems, followed by a thorough analysis to identify potential solutions and opportunities for enhancement.

PROJECT DATE: 2019

Discover this on:

This project thrived on the collaboration of several key stakeholders. The Batu City Tourism Office played a crucial role as a research partner, granting access to essential data and insights into the Batu city’s tourism landscape.

Additionally, partnering with PT Indonesia Bike Works (Thrill), a leading bicycle product manufacturer. Their expertise in bike manufacturing allowed me to develop and refine the physical bike prototype for the project.

Main Problems

<span data-metadata=""><span data-buffer="">Heavy traffic on holidays

<span data-metadata=""><span data-buffer="">Lack of public transportation accommodation<span data-metadata="">

<span data-metadata=""><span data-buffer="">Uneven road condition<span data-metadata="">

GOALS

  • Become a proper alternative transportation for tourist within Batu City
  • Increase the enthusiasm for cycling through the benefits offered
  • Becoming one of the branding identity for Batu City

TARGET USER

  • Local Tourists which mostly come from nearby areas in East Java
  • Aged about 20-30 years

User Centered
Design Process

01. RESEARCH

INTERVIEW TAKEAWAYS (QUALITATIVE RESEARCH)

To gain a deep understanding of user needs and challenges
within the Batu City bike-sharing context, I conducted user interviews with diverse stakeholders. This included
representatives from the Batu City tourism department, tourists
themselves, and individuals with experience using bike-sharing
systems.

Additionally, I analyzed a case study of Surabaya’s electric bike-
sharing named MIGO, to identify potential pain points and best
practices within bike-sharing system and users.

SECONDARY RESEARCH<span data-metadata="">

In the initial phase of design, I conducted thorough secondary research to understand user needs and Batu City tourism industries. This included analyzing existing bike-sharing apps, studying the city landscape topography, and researching tourist demographics in Batu City.

BENCHMARK PRODUCTS

Bike-sharing systems are still underdeveloped in Indonesia and only exist in certain cities. Among them are BOSEH in Bandung, and MIGO in Surabaya and Jakarta.

They still have not used the online device thoroughly in their
system, so users still have to register offline or approach the
rental locations which are still very limited.

MIGO

<span data-metadata=""><span data-buffer="">BOSEH

JOGJA BIKE

2. DEFINE

EMPATHY MAPPING

This phase involved creating a visual profile of the target user, a young, local tourist in Batu City. By considering their thoughts, feelings, needs, and pain points during the exploration process, the empathy map helped to identify key features of the Batu Bike-sharing app.

User Persona

User Persona was created to represent typical users of the app. It gives insight into their general demographics, motivations, goals, and pain points. This persona was derived from the empathy maps.

User Journey

This journey encompasses everything from the initial app discovery to explore the city’s sights and return the bike, focusing on each touchpoint from onboarding and route planning to the actual ride and post-ride experience.

Scenario

It’s Saturday morning, and Rusdy wakes up feeling
adventurous in her Batu City hotel. He remembers seeing a cool waterfall on Instagram and wants to visit it.

Goal<span data-metadata="">

Explore Batu City’s tourist spots efficiently and in a fun way.

3. IDEATE

How Might We

The HMW process sparked creative solutions and addressed user needs also helped brainstorm innovative features for the Batu Bike-sharing app. This method fostered a solution- oriented approach, ensuring the app caters to diverse exploration styles and interests of young tourists in Batu City.

4. PROTOTYPE

SITE MAP

Sitemap acts as a blueprint for the Bike-sharing app, outlining the organization of all screens and functionalities. It visually maps the user journey, grouping screens based on their purpose.

User Flow

This refers to the sequence of steps users take to achieve their goals within the app. Mapping out this flow, from initial app discovery to exploring Batu City and returning the bike ensured a smooth and intuitive user experience.

Wireframe

These are low-fidelity representations of the app’s interface, focusing on functionality and user flow rather than visual aesthetics. Wireframes helped visualize the layout of screens, placement of key elements (buttons, maps, search bars), and overall user journey.

STYLE GUIDE

Comprehensive style guide was created to ensure visual consistency and brand identity. This guide documented the app’s visual language, including its logo, color palette, typography, and button styles.

LOGO

TYPOGRAPHY

Product Sans Family

Aa Bb Cc Dd ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890

COLORS

Scroll to Top