The Distance Game
Project Date: Spring 2024
Project Overview
The premise of this game is very simple. The user is prompted with two random cities from around the globe, and they must guess the distance in kilometers. Based on their input, the game will respond with how they did, displaying how close their response was to the correct answer as a percentage. The app was developed in swiftUI and provides a functional yet sleek design.
The Challenge
My goal with this project was to create an app is functionally simple but has an extremely polished design and feel. There was a good bit of trial and error that went into the layout of the app. I wanted to make sure each page looked visually interesting without creating too much clutter. I also wanted to include subtle animations that would guide the user’s eyes to important areas of the page.
The Solution
Ultimately I landed on the design show below, adding the arrow between the city names to add context to the prompt at the top. When a new prompt is given, the arrow plays a scale animation to draw the users attention to the cities, which is the main focus of the screen. Also, the screen can adapt to the input numpad, pushing the cities above it when opened so that they are always visible.
The Results
Like any art piece, there is always room for improvement. I am proud of what I accomplished with this app and am looking forward to expanding on these design principles in future projects.
