Learning Project

GolfCount.

Score tracking experience designed to feel lightweight and precise, with a clean interface tailored for mobile use.

ReactUX/UIResponsive
GolfCount

Overview

Project Foundation.

GolfCount was built as a test project focused on mobile usability and clean score tracking flows. It gave me room to explore how utility-based interfaces can still feel refined and user-friendly.

Project Details

Type

Personal / Learning project

Stack

React, UX/UI, Responsive

Process

From Challenge To Outcome.

The project was approached from a utility-first perspective, with fast interaction patterns, simplified layout decisions and repeated refinement of small UI details that affect ease of use on mobile.

Challenge

The main challenge was reducing friction in an interface that users would interact with quickly and repeatedly. Every element had to support clarity, fast input and minimal cognitive load.

Solution

I focused on strong visual contrast, compact spacing and an interface that keeps the most important actions close at hand. The frontend was shaped around a simple flow rather than decorative complexity.

Outcome

The project became a useful exercise in mobile-first thinking, lightweight product flows and designing for practical real-world interaction patterns.

What Was Used

Tools & Execution.

The project was shaped through a mix of product thinking, interface design and frontend implementation. The tools below reflect the main workflow and technologies used to bring it together.

React
Responsive Design
UX/UI
Figma
GolfCount design direction 1

Primary Direction

A closer look at the visual direction, layout hierarchy and interface decisions behind the project.

UX / UI

Design Direction.

The UX/UI work centered on reducing friction. Clear contrast, compact controls and a calm layout language made the product feel more precise and dependable during repeated use.

Design Notes

This section is intended to show visual direction, interface thinking and supporting UX/UI material such as Figma screens, flows or design explorations. Each project can reuse the same structure while still feeling relevant to its own content.