Process and Approach:
01 _ Understanding
. Business needs
. Problem statement
. Challenge
. Insights
02 _ Exploration
. Guidelines
. Content Strategy
. Wireframing and iterations
. 1st Delivery
03 _ Final Product
. Iteration and Refinements
. Mini-Golf Scorecards
. Conclusion
American Dream in New Jersey is a major entertainment and retail complex with an indoor theme park, two mini-golf attractions, a water park, a ski slope, and over 450 stores, including luxury boutiques.
This initiative aimed to develop a user-friendly digital product and eliminate paper and pencils from mini-golf, improving operations, logistics, and cost management.
As a product designer at Lunte Studio, my focus was aligning our design solutions with the project’s goals and its three key constraints: a 4-week development timeframe, cost efficiency, and ease of use for end users.
. Business needs
Launch a digital solution for mini-golf scoring, fully eliminating the use of paper and pencils.
. Problem statement
Mini-golf rounds rely on paper and pencils for scorekeeping, resulting in waste and unnecessary costs.
. Challenge
Introduce a digital scorecard accessible through a QR code at the mini-golf entrance, enabling users to track scores on their phones.
Design and develop an engaging, easy-to-use interface that removes the need for paper and pencils entirely, simplifying scorekeeping.
. Users Insights
99%
Almost all visitors to the park have a smartphone on them.
4
players per round is the maximum allowed.
18
holes are played to complete the mini-golf course.
. Benchmark Insights
Clean, focused, distraction-free sections.
Highlight the service features in a simpler way.
At the end of the game, recognize the winner.
Modular design to be applied as required.
. Guidelines
Given a four-week timeline, the project required strict adherence to American Dream's design guidelines for the Angry Birds and Blacklight Minigolf attractions, covering assets, colors, and typography.
Key considerations included preserving the design of buttons, logos, and branded graphics. We developed a storyboard to clarify the product's intended use. The scorecard was optimized for mobile access via a QR code, incorporating features such as player selection, editing options, a stroke counter, an 18-hole scoreboard as the main screen, and a final congratulatory screen for the winner.
1 - Scan the QR code from a player's phone.
2 - Splash screen providing instructions.
3 - Select the number of players.
4 - Edit players with name and color.
5 - Start the game.
6 - Record strokes per player for each hole.
7 - Track points on the scorecard.
8 - Continue and log each player's strokes.
9 - Sum the strokes for each player.
10 - Best performance is highlighted.
11 - Hole 18 is the final one for stroke counting.
12 - Player with the least strokes wins the game.
. Wireframing and iterations
Throughout the project, we worked closely with the PM to create some options for this digital scorecard. These are some of the representative screens explored throughout the design process.
. 1st Delivery
To facilitate quick feedback, our initial delivery consisted solely of high-fidelity wireframes, ensuring timely feedback from the client within a short timeframe.
. Iteration and Refinements
As a result of the iterative process, enriched by the prompt feedback from the American Dream team, specific modifications were implemented, culminating in a final product applicable to both mini-golf attractions.
Special emphasis was placed on a simple step-by-step approach, prioritizing essential information for the user and minimizing cognitive load.
The starting screen remained unchanged in both instances.
The background color and elements of the bottom sheet modals in Blacklight Mini-Golf were updated.
Editing Players
Elements in the "bottom sheet modal" for player editing were rearranged, with the input-text now preceding player selection.
Players
The mini-golf attractions allow users to choose between 2, 3, or a maximum of 4 players.
Players Selected
The sub-header on the player selection screen was slightly streamlined, while the pre-game start screen remains unchanged.
Scorecard
The scorecard screen background is now white for better visibility, the sub-header was removed, the "scorecard" font size was reduced, and an "end game" button with a confirmation modal was added.
Strokes Counter
The order of elements in the bottom sheet modal for counting strokes was changed, with player selection now taking place before entering strokes.
Congrats Screen
The final screen, highlighting the winner and displaying all results, now includes options to share or download the image. Users can return to the scorecard or browse the American Dream website to buy tickets for other attractions.
We successfully met the brief's conditions and reached the main goal of eliminating paper and pencil use by 100%.
Angry Birds Mini-Golf
High-fidelity Prototype
After making design and detail adjustments based on team feedback and updates, we presented this prototype for the Angry Birds Mini-Golf attraction.
. Conclusion
In summary, I would like to highlight the teamwork during this short period to meet the proposed deadlines.
We achieved our primary goal of eliminating the use of paper and pencil entirely for these attractions. The digital scorecard, accessible via a QR code, allows players to set the number of participants, ensures a low cognitive load, and provides ease of use throughout the game.
From a personal standpoint, this project posed a significant challenge since I operated almost entirely autonomously. There were very productive discussions with my partner and occasionally with the entire Lunte team. It was a project where I effectively led and completed every stage.