velotribe

Square
SCENTIFY
velotribe mobile app mochup

Velotribe app

Whealing into Connection: Velotribe – Your Cycling Community Hub

Role

UI Designer

Date

June 2023

Duration

8 Days

Tools

Figma

Whealing into Connection

people on the bikes illustration

The Need for a Unified Cycling Community

Velotribe was developed to address the challenges cyclists face in connecting with fellow enthusiasts, planning routes, and staying engaged with the latest events. The absences of a centralised platform for community interaction and support hinders their ability to deeply engage in the cycling experience.

Building a Hub for Adventures

To design a centralised, dynamic and inclusive platform that serves as a hub for the cyclist community. The task was to create a visually engaging and intuitive user interface that promotes community interaction, empowers users to explore the city’s cycling related activities effortlessly and enhances their overall cycling experience.

scentify app mokups 5 screens

Who Velotribe Connects?

Cycling Enthusiasts

Experienced cyclists who are passionate about the cycling and seek a platform to connect with like-minded individuals, discover new routes, and participate in cycling events.

Beginner Cyclists

Individuals who are new to cycling and are looking for guidance, support, and a community where they can learn from experienced riders.

Fitness Enthusiasts

Individuals who use cycling as a fitness activity and are interested in tracking their rides, setting goals, and connecting with others for motivation.

Event Participants

Users interested in participating in or organizing cycling events, races, or group rides. The app can serve as a hub for event coordination and participation.

Adventure Cyclists

Cyclists who enjoy exploring new territories, trails, or long-distance routes, seeking a platform to share their experiences and discover new adventures.

Community Builders

Individuals who are passionate about fostering a sense of community among cyclists, organising local meetups, and sharing knowledge about cycling related topics.

Uncovering the Needs of the Cycling Community

Creative Ideation and Brainstorming for Velotribe’s Vision

Creative ideation was deeply rooted in the User-Centric Design philosophy.

The primary focus was to uncover and address the specific needs of the target audience and discover innovative app functionalities.

With a clear understanding of the target audience’s needs, Velotribe was transformed from a simple cycling app into a central hub for the cycling community.

These insights served as a foundation for identifying and prioritising core functionalities, ensuring that the app would serve as a dynamic and inclusive platform for cyclists to connect, share experiences, and access essential resources.

Brainstorming

Essential Features that Power Velotribe

By understanding the needs and preferences of cyclists, I was able to develop a set of features that would meet their requirements and enhance their overall experience with the app.

Personal Hub

The personalised dashboard provides a central space for users to manage their profiles, track activities, and engage with the community. It allows users to seamlessly navigate to other app features such as messaging, route planning, and event listings.

Messaging

Integrating messaging functionality allows users to communicate directly with each other in real time.

Cycling Planner

Empowers users to discover and plan routes tailored to their cycling preferences. Whether it is finding a tour, tracking their ride, or starting a workout journey.

Event Listings

Offering event listings within the app allows users to stay informed about upcoming cycling-related events, such as group rides and social gatherings. It provides users with opportunities to participate in community activities and connect with fellow cyclists.

Forum

A space for users to engage in discussions, ask questions, share experiences, and seek advice from fellow cyclists. It serves as a valuable resource for exchanging knowledge and building connections within the community.

Bringing Velotribe to Life: Visual Identity and Brand Feel

Shaping the brands identity

Driven by desire to cultivate a vibrant and inclusive community for cycling enthusiasts, I developed a distinctive brand identity that resonates with our target audience and conveys the essence of the app.

Name

explanation of the name choice
picture of different logos and a choice

Symbolism

explanation of symbolism

Brand positioning

brand positioning

Voice

brand voice

Determining Design Elements

Color Styles

Drawing association of the “Sunwheel” to the sun, I opted for bright yellow as my primary color. The energetic yellow is grounded by the neutral grays and creates a modern, lively, and professional visual identity for the app, aligning well with the dynamic and supportive community I aiming to foster for cyclists.

Typography

I have chosen Montserrat Alternates for its sleek and modern design, aligning perfectly with our app’s contemporary and user-friendly interface. The font’s readability ensures that the users can effortlessly navigate and engage with the app’s features. With its versatility and unique character options, Montserrat Alternates adds a touch of personal style to the app’s visual identity, creating a seamless and visually appealing experience for cyclists of all levels.

Iconography


Incorporating icons to represent various functions was a strategic decision aimed at easing the user interface and minimising visual clutter. This not only enhanced the overall aesthetics of the app but also made it easier for users to navigate and interact with different features.

Each icon was carefully chosen and designed to convey its corresponding function clearly and efficiently. This approach allowed users to quickly identify and access the features they needed without being overwhelmed by text or unnecessary visual elements. Additionally, the use of icons contributed to a more universal and inclusive user experience, as they transcend language barriers and are easily understood by users from diverse backgrounds.

Components


In order to enhance design consistency and efficiency throughout the development process, components and variants were employed in Figma.

figma components

Refining the final product

Iteration Improvements: Transitioning from Version 1 to Version 2

The iterations were driven by prioritising user feedback and maintaining brand consistency. The goal of these changes was to transform Velotribe into a more refined and cohesive platform, delivering an enhanced user experience and a stronger brand identity.

changes made on iterations

Engaging Interactivity Through Prototypes

Hi-Fi Prototypes

velotribe’s Impact on Community Interaction and Engagement

Increased User Engagement

The app’s design facilitates deeper engagement within the cycling community, encouraging more active participation and interaction among users.

Strengthened Community Connection

The platform fosters a sense of belonging and support, allowing cyclists to connect, share experiences, and access valuable resources, thereby strengthening the overall community.

Watch the final result of Velotribe to see how I reshaped the way cyclists connect, explore, and thrive!

Reflecting on the Velotribe Journey

Throughout the process of designing Velotribe, I gained invaluable insights into the power of user testing in refining and perfecting a product. User feedback provided new perspectives and opportunities for improvement that I had not previously considered.

Initially, my focus was on creating a visually appealing design and ensuring basic functionality. However, through user testing, I realised the critical role that feedback plays in shaping the app’s user experience. Incorporating user feedback into the second iteration allowed me to fine-tune the app’s features and navigation, resulting in a more intuitive and user-friendly design.

In summary, the iterative process of designing Velotribe taught me the value of persistence, resilience, and continuous improvement in delivering a product that truly meets the needs of its users.

THE ART OF MINIMALISM

Get in touch at

viktorijavalaviciute@outlook.com