X
Follow me: 

Contact Directly

Send me a message and I'll try and get into contact with you as soon as possible.

Message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

PickUp

Social media app design project.

Overview

PickUp is a social media app that makes it easier to find pickup basketball games, along with creating pickup basketball games. Users can follow other users, create scheduled games, or find games to join near them.

This was a practice project to design a social media app. Using basketball as the main theme was enjoyable having been an avid basketball fan for as long as I can remember.

PLATFORM

IOS

INDUSTRY

Sports Social Media

DESIGN PLATFORM

Adobe XD

DURATION

4 weeks

The Design Process

Design Thinking is a methodology that aims to tackle highly complex problems. The Design Thinking process can be separated into five different areas for success:

1
Empathise
2
Define
3
Ideate
4
Prototype
5
Test

Problem

In today's fast-paced and interconnected world, people often struggle to find convenient and reliable avenues for practicing their hobbies with others who share their same interests. The absence of a social media platform tailored to the organization and the discovery of pickup basketball games creates a significant challenge for players who are seeking regular play opportunities in their local communities.

This app would provide a seamless and user-friendly experience, empowering basketball enthusiasts to connect, engage, and immerse themselves in the vibrant pickup basketball community. My goal was to make a visually appealing app that is functional and aesthetically appealing to the main two users. This is a concept project and not a fully developed app.

Meet the users

PRIMARY USER

Marcus Robinson
Age: 27 | Male
"I need some more organization when making games and finding new players"

SECONDARY USER

Matthew Gonzales
Age: 17 | Male
"Even when I'm able to organize games with friends, the courts are always full."

User Task Flow

1
Search for games
2
Start new game
3
Finish set-up

Bringing the app to life

When designing the app, looking at other social media apps and their usability was a must. Facebook, Instagram, LinkedIn, and Twitter were my main inspirations. An easy-to-read font like SF Pro Display was essential to make readability easy for all users and red was the main color scheme to promote fun, excitement, and fierce.

Programs used:

Wireframes

When making the wireframes, I had to consider the functionality of the app as well as what screens were needed. I created a profile screen, a newsfeed screen, a search screen, a create new game screen, and one other one. Once wireframing was complete It was time to start the UI aspect of the app with the high-fidelity mockups.

1. Profile Screen
2. Newsfeed Screen
3.1 Search Screen
3.2 Search Screen
4 New Game Screen
5. Game Created Screen

Mockups

With the wireframing complete, all that was left was to add the UI elements. For a color scheme, I chose red, black, and white after showing friends and family options and they reported back that these colors went nicely with the branding image I had in mind. From there, I found a sports-themed font for the logo of the app, and went with a safe serif for the main font choice.

1. Profile Screen
2. Newsfeed Screen
3.1 Search Screen
3.2 Search Screen
4. New Game Screen
5. Game Created Screen

Final thoughts

This project was great UI practice as well as practice for designing social media-styled apps. I am incredibly proud of how the final designs turned out and couldn't be more satisfied once the project was complete. I want to thank my friends and family who instilled a love of basketball in me as well as pushed me toward a career in UX/UI design.


Feel free to play with the prototype.

My work