top of page
IMG_6680.PNG

United Fray

Problem

IMG_6681.PNG
IMG_6685.PNG
IMG_6682.PNG
IMG_6683.PNG

Introducing the Fray app - their all in one solution for players to be able to view and interact with games in their leagues.

Sports players need immediate access to their schedules and info about their games, it is necessary to create an all in one platform where they are able to get information about their games and interact with them.

The earlier system required users to login to an online web portal and reserve their games through that making the whole process very clumsy, insecure and outdated on mobile devices.

 

User Research

Research was conducted through surveys and questionnaires among 100 players across different leagues and according to the feedback received these are the things users expressed their dissatisfaction with.

  • User experience

  • Ease of access

  • Push Notifications

  • Performance

  • Security

  • Privacy

  • Reliability

Below is a chart illustrating this feedback.

Screenshot 2024-02-21 at 7.37.54 PM.png

Solution

Hence it was decided that an app was to be built for players that could be easily distributed through the app store and could be used to keep users upto date about their games and interact with them.

This streamlined the process of players being able to quickly rsvp for a game as soon as it becomes available and keeps open possibilities for future additions of features.

Design Components

Fonts

Headers

Montserrat 20 px

Subtitles

Montserrat 18 px

Body

Montserrat 14 px

Color Palette

#FFFFFF

#000000

#93C900

#162B53

Dialogs

Simulator Screenshot - iPhone 15 Pro - 2
Simulator Screenshot - iPhone 15 Pro - 2

Icons

sportscourt@2x.png
newspaper@2x.png
message@2x.png
gift@2x.png
ellipsis.circle@2x.png
sportscourt_2x_edited_edited_edited.png
newspaper_2x_edited_edited_edited.png
message_2x_edited_edited_edited.png
gift_2x_edited_edited_edited_edited.png
ellipsis_edited_edited_edited.png
LefttBubbleChat.png
RightBubbleChat.png
MLInfoIcon@3x.png
imageedit_11_4495961899.png
donji_levi.png
donji_desni.png

Images

DCFray_White.png
dcfray.png
PHXFray_White.png
phxfray.png
imageedit_6_5917881862-1.png
imageedit_41_6967058793 1.png
jaxfray.png
JAXFray_White.png

App Bars

Navigation Bar

Simulator Screenshot - iPhone 15 Pro - 2
Simulator Screenshot - iPhone 15 Pro - 2

Tab Bar

IMG_6681_edited.jpg

Textfields

Simulator Screenshot - iPhone 15 Pro - 2
Simulator Screenshot - iPhone 15 Pro - 2

Progress Bars

Simulator Screenshot - iPhone 15 Pro - 2

App Icon

180.png

Primary Buttons

Screenshot 2024-02-21 at 4.41.58 PM.png
Screenshot 2024-02-21 at 4.43.19 PM.png

Toasts/Messages

Simulator Screenshot - iPhone 15 Pro - 2
IMG_5409_edited.jpg

Technologies & Frameworks​

Xcode_14_icon.png

Xcode

unnamed.png

OneSignal

1687786979245.jpeg

REST API

1*Bf50EbVgJikxBSFmNMY7rg.png

UIKit

swift-og.png

Swift

postman-icon.png

Postman

Unknown-3.png

Cometchat

1*Bf50EbVgJikxBSFmNMY7rg.png

Alamofire

firebase_logo_icon_171157.png

Firebase

simulator-2022-11-09.png

Simulator

objective-c.png

Objective-C

1*Bf50EbVgJikxBSFmNMY7rg.png

CodeScanner

Architecture

1200px-MVC-Process.svg.png

Design Patterns

5b1fa26bf4d44b2faf1a56439cbdd7f1.png

Feedback

After completing the new app, it was released for beta testing amongst 100 players across different leagues and feedback was taken from players on the same aspects as earlier while conducting user research and a significant improvement was noticed in terms of overall player satisfaction with the new app.

 

  • User experience

  • Ease of access

  • Push Notifications

  • Performance

  • Security

  • Privacy

  • Reliability

Below is a chart illustrating this feedback.

As evident the number of players who expressed dissatisfaction while testing the new app decreased significantly.

Screenshot 2024-02-21 at 7.44.49 PM.png
App_Store_(iOS)-Badge-Alternative-Logo.wine.png
bottom of page