Sportpass: Sportpass
Tools
Figma, Notion
Duration
1 - 2 Month
Overview
Sportpass is an application platform that brings together Tennis players. With this application, they can meet online and find out news updates about Tennis Sports. Players can create events independently and follow events previously created by other users.
Goal Statement
- Create Medern Design (Updates)
- Create a fast flow for the user registration process (Updates)
- Update Flow (Create Event, Find a New Friend, Get Data Reference from User when they Sign up)
- Set up Style Guide and Design system for making Reusable Component
Design Process
- Competitive Analysis
- Update User Flow
- Hi Fidelity Design
- Prototyping
1️⃣ Read Requirment from Stake Holder & Analysis Competition
The client doesn’t provide much data, this is the MVP Phase. I try to make a sequence of features requested by clients and make comparisons from other applications, but also update the application to be more modern and fresh.
2️⃣ Update User FLow
In this session, I only look for similarities in features with other applications and focus on the visual side where I try to improve it and make it look modern
3️⃣User Stories (General user)
- As User, i want to find a new friend to play Tennis Together
- As user, i want to create event to get a new friend to play Tennis
- As user, i want to invite people to my wevn for playing Tennis
- As user, i want to read news about sports Tennis
- As user, i want to follow my friend who is playing Tennis
- I have to hide some data because it has a TONE element.
4️⃣ User Stories (Event Creator)
Example for my Checkbox.
- As User, i want to make new event with a fast
- As user, I want to spread the information about my event
- As user, i want to make event with optonakl pricing, Like free event or Paid Event
Result
Tools
Notion
I use the notion to create documentation for all phases of my work, all data from assets to the handover process is carried out on the notion to document it
Figma
I use figma for almost all parts, Starting from finding and creating new flows, I do Wirefrsming, High fidelity, to the Prototyping process with Figma
Lesson learned
- This project took place in February, 2021. I had a hard time making a consistent design at that time, I didn't have strong knowledge about the design system, I only knew the style guide so I could make a consistent design. This project was carried out in a hurry and there were a lot of prototyping phases that were not smooth. Must be able to be managed better from the initial research to the protoyping process at the end.
