Social Media Platform
Bike Aja
In response to the growing global community of biking enthusiasts, Bike Aja was conceived as a specialized social media platform exclusively for bikers. Recognizing the distinctive needs and interests of this niche community, Bike Aja aims to create a dedicated space for bikers to connect, share their experiences, and actively participate in biking events.
Year
2023
Role
UI/UX Designer
Platform
Mobile App
Design Process
In the initial phase of the design process for Bike Aja, I worked closely with stakeholders and the QA team to establish a shared understanding of the app's purpose and goals, incorporating iterative feedback for continuous improvement.
01
Discovery
Stakeholder Brief, Competitor Analysis
02
Ideation
Ideation and Feature Selection
03
Design
IA, Userflow, Design UI, UI Kit, Prototyping
04
Testing & Iteration
Testing by QA, Iteration
/ 1 / Discovery
Stakeholder Brief
In this stakeholder brief, we aim to establish a clear understanding of the purpose and goals of the Bike Aja app, define the target audience (bikers), and outline the desired user experience. This is a critical first step in ensuring that the app's design aligns with our objectives.
Purpose of the App
Bike Aja is envisioned as a dedicated social media platform for bikers. The primary purpose of the app is to create a vibrant online community where bikers can connect, share their biking experiences, discover biking events, and engage in discussions related to their passion for biking.
Project Goals
The goals for Bike Aja include acquiring a substantial user base within the biking community, fostering active and engaged participation in the platform, and becoming a go-to hub for all things related to biking, from networking to event management.
Competitor Analysis
For Bike Aja, we conducted a thorough competitor analysis, examining the user interfaces, features, and functionalities of three key competitors: Strava, Facebook, and Instagram.
Feature
Strava
Activity Tracking and Performance Analytics
Comprehensive tracking, GPS mapping, performance analytics
-
-
Visual Content Sharing
Users can share biking activities through photos, videos, and text
Users can share biking activities through photos, videos, and text
Visual content sharing through photos, videos, and Stories
Event Management
Challenges for activity-specific goals and competitions
-
-
Real-Time Engagement
-
Built for real-time conversations, trending topics
-
Profile Features
User profile with biking statistics, activity tracking, achievements, club participation, activity sharing
User Profile Photo, Username, Bio, Location, Website Link, Pinned Tweet, Tweets, Likes, Retweets, Lists, Moments, Followers, Following
User profile with visual content sharing, Stories, bio, engagement metrics, highlights, and content sharing
Group-Centric Approach
Clubs feature for group formation, activity sharing, challenges
-
-
Showing on Your Feed by Your Follow and Recommendation
Content primarily based on followed athletes
Content based on who you follow and recommended content
Content from followed accounts, posts, and Stories
Social Community and Engagement
Limited social engagement, activity comments, achievements sharing
Real-time engagement, hashtags, following biking accounts
-
/ 2 / Ideation
Ideation and Feature Selection
Based on the insights gathered from competitor analysis, we organized a brainstorming session with the stakeholders to identify which unique features Bike Aja could implement. These features should enhance the user experience, differentiate the app from competitors, and align with the goals of Bike Aja. Some potential features might include:
1
Biker Community Integration
Creating a dedicated biking community within the app where users can connect, share stories, and discuss biking-related topics.
2
Event Management
Enabling users to create, discover, and join biking events and rides, complete with maps, dates, and details.
3
Biker Resources
A section with articles, and guides related to biking, maintenance, and safety.
4
Personalized Feed
A feed algorithm that shows users content relevant to their biking interests and connections.
5
Privacy Controls
Extensive privacy settings for users to control who sees their content and information.
Roll with Us,
Share the Rush!
/ 3 / Design
Information Architecture
User Flow (Create Post)
Design UI
Login
In the login form, users can choose between logging in with email or using SSO
Friend Profile
In the friend profile, users can conveniently access their friend's personal information, view their friend's posts, and also review the posts on which their friend has commented
UI Kit
UI Kit/Typography
MONTSERRAT
WHERE AS A COMMON UNDERSTANDING OF THESE RIGHTS AND FREEDOMS IS
Everyone has the right to an effective remedy by the competent national tribunals for acts violating the fundamental rights granted him by the constitution or by law.
H1
Montserrat - Semi Bold - 24pt
H2
Montserrat - Semi Bold - 20pt
H3
Montserrat - Semi Bold - 16pt
H4
Montserrat - Semi Bold - 14pt
Paragraph 1
Montserrat - Regular - 16pt
Paragraph 2
Montserrat - Regular - 14pt
Button
Montserrat - Semi Bold - 14pt
UI Kit / Color
HEX #FFFFFF
HEX #3359B8
HEX #303034
HEX #151515
HEX #46464A
HEX #46464A
HEX #C9C9C9
UI Kit / Icon & Button
UI Kit / Component
Prototype (Create Thread Post)
/ 4 / Testing & Iteration
Testing
In this process, testing is carried out by QA. Iterations are done based on feedback from QA and also the client.
Iteration
/Iteration/ Club
In the front part of the club, we simplified the card information. This was done to align with the search club results.
/Iteration/ Event
It looks much more interesting when users can view the profiles of the attendees
Key Takeaways
The UI/UX design process for Bike Aja emphasized competitor analysis and feature ideation, focusing on creating a dedicated biking community, enabling event management, providing resources, offering a personalized feed, and ensuring privacy controls. The design approach aimed to cater to the unique needs and preferences of the biking community.
The next steps in this project would involve development and implementation, followed by user testing and continuous improvement based on user feedback.
Thankyou for Reading
If you have any questions or if you'd like to collaborate, feel free to contact me.
Designer based in Indonesia
© 2023 Asyah Puspitasari