The main gameplay screen involves tapping on a score to increase it and renaming players. This is the most basic usage pattern of ScoreKeep.

Each game has its own settings where you can rename the game or players, manually enter a score, or turn on the main features listed below.

Add in a timer to count up or down during your game. Tap to pause and resume.

Rounds is a feature that’s perfect for golf, bowling, corn hole, or any other sport where scoring is segmented into discrete groups and added together at the end.

When you tap, the score for the current round increases. After a few seconds, it moves to the left and a new round is automatically created.

Each player’s total score is shown in the middle of the screen so you can see the total at a glance. The timer for the round moving on is shown as a darker outline around the player’s card and moves to the middle.

To browse rounds, swipe left and right. The currently displayed round is shown at the top right, and if it’s different than the most recent round you can tap it to go back to the current round.

Some sports like football, basketball, and tennis have a set way to score. In football for example, you can score 1, 2, 3, or 6 points at a time. Scorekeep lets you choose custom increments that add a different amount if you tap in the corner of the player card.

You can search for supported sports (every olympic sport and more are supported) or make your own custom sport in the game settings.

Sometimes, you want to keep track of a score that isn’t directly related to the points of the game, like time-outs in football and basketball, or balls, strikes, and outs in baseball.

With subscores, you can turn on a drawer of these less important scores and pull them out whenever you need to. Make a new subscore by naming it and choosing whether it counts up or down or cycles.

Change each players’ color, rename them, and edit the score in the settings menu.

Set a win condition to automatically choose a winner once certain criteria is met.

Choose between three different conditions:

After a single win condition is met the game presents the end card and congratulates the winner!

ScoreKeep comes with a powerful share feature that lets you customize an image to share wherever you want. Add whatever information about the game you want and get an instant preview above.

When you’re ready, send it to your friends in a message or post it to Instagram — or any other app that accepts input as an image.

There are four levels of hierarchy to organize your games in the way that makes the most sense to you.

A game is the base level. If that’s the only level you want to deal with, that works!

A series is a group of games that are related to each other. To start a series, tap the “rematch” button at the end of a game or by tapping and holding the game in the games list. If a game has a series associated with it, it will display the number of wins next to the players’ names.

A season is a group of games or series that are related to each other less directly than a series. These can be a group of games over the course of a year, games of a similar sport, or anything else you want to group them by.

Finally, a league is the top level of organization. You might want to use different leagues for different parts of your life — like a child’s sports vs your own sports.

After each game, Scorekeep generates an after-action report so you can check your performance. Add the game's location, or write a note to yourself about the game.

ScoreKeep’s colors are playful and vibrant. All primary and most secondary colors are available so players can choose the one they think best fits themselves.

When high-contrast mode is enabled, ScoreKeep switches the outer and inner colors for 100% APCA vision accessibility compliance.

ScoreKeep’s typography is bold and big. SF Pro, Apple’s system font, was chosen for its versatility and clarity. It also integrates with the system icon provider SF Symbols, which are used throughout the app.

ScoreKeep’s iconography is exclusively sourced from Apple’s SF Symbols library due to its uniformity with the system and its consistent design. Using the heavy and filled icons where possible mirrors the typography for visual consistency.

Interactive elements in ScoreKeep have a distinctive style that encourages direct touch and expressive gestures. Overlay elements have a subtle gradient evocative of aluminium, while the rest of the UI takes hints from the players’ chosen colors.

At a base level, ScoreKeep’s experience is two squares with a number in them. If you tap the square, it increases the score.

For a majority of use cases, this is enough. Most users might never need to go beyond this functionality.

Keeping in mind more advanced users, the interactions are accessed in an order that makes sense for how big of a change they make:

While it’s not likely the user would ever need to use all the features at once, I worked hard to ensure a design that allows each feature its own reserved space.

This also helps with ease of recognition as the user doesn’t have to distinguish between multiple elements that could fill a slot.

The next step after the features were designed was creating the data model.

I used FigJam to visualize objects and the main model. Each of these eventually resolve to a primitive like String or Int.

I'm excited to start an attempt at development and eventually monetization. If you have any questions or would like to beta test, reach out to hi@quint.design.