Syahrul Hidayatullah

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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.


Product Designer




Mobile Apps

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.


Heavy traffic on holidays

Lack of public transportation accommodation

Uneven road condition


  • 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


  • Local Tourists
  • Age about 20-30 years.




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.


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.





Emphaty 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 identify key features for 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 emphaty maps.

User Journey

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


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.


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


How Might We

The HMW process spark creative solutions and address 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 the diverse exploration styles and interests of young tourists in Batu City.


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.


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 the 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.


Curvy lines represent the contours of Batu City landscape and the two circles are symbolize the two bike wheels


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



Scroll to Top