(k)®

Local time:

February 13, 04:01 PM
February 13, 04:01 PM

TopGun

/2025/

Background image for AthFolio Project
Background image for AthFolio Project
Background image for AthFolio Project

Technologies

Flutter, NodeJS, MongoDB, AWS, Google Yamnet

Project Duration

6 months

Launch Date

Feb 8, 2026

TopGun is an iOS and Android mobile app designed to modernise how shooting events are recorded, analysed, and shared. The app combines a robust, intelligent shot recording system with social features that encourage competition, progression, and community engagement.

Shooting sports have long relied on manual, trust-based processes, making accurate performance tracking and long-term analysis difficult. Our research showed that existing solutions failed to offer consistency, meaningful insights, or any sense of progression through competition or community. In fact, there was nothing on the market truly comparable to TG’s vision. The opportunity was to design and build a mobile-first platform that could reliably capture live event data, unify performance history over time, and introduce a social and competitive layer that drives ongoing engagement.

Shooting sports have long relied on manual, trust-based processes, making accurate performance tracking and long-term analysis difficult. Our research showed that existing solutions failed to offer consistency, meaningful insights, or any sense of progression through competition or community. In fact, there was nothing on the market truly comparable to TG’s vision. The opportunity was to design and build a mobile-first platform that could reliably capture live event data, unify performance history over time, and introduce a social and competitive layer that drives ongoing engagement.

/Our Role and Processes/

We worked as Product Leads, UX Designers and Technical Architects, responsible for shaping both the intelligent core of the app and its social experience.

We worked as Product Leads, UX Designers and Technical Architects, responsible for shaping both the intelligent core of the app and its social experience.

Our responsibilities included: - Defining the mobile product vision and system requirements - Designing the Shot Registration Engine - Designing social features and engagement loops - Translating real-world shoot mechanics into digital logic - Designing mobile UX flows for live use and post-event review - Working closely with engineers across iOS and Android builds This role required balancing technical complexity with user engagement and long-term retention. Key Processes The Shot Registration Engine is the foundation of the TopGun mobile app. Its role is to accurately record shots during live events, validate outcomes, and maintain a trusted source of truth across devices and users. Designed specifically for mobile use, the engine: - Accepts structured shot inputs in real time - Applies rule-based validation instantly - Maintains state across drives, shooters, and events - Reconciles conflicting or incomplete inputs - Flags anomalies for review These features encourage friendly competition and repeat engagement, while always grounding results in trusted data from the Shot Registration Engine. Intelligent Logic & Validation The platform uses a hybrid intelligence approach, combining deterministic rules with intelligent inference to ensure both accuracy and flexibility. - Context-aware validation based on shoot state and timing - Guardrails to prevent invalid shot sequences - Automatic reconciliation of scores across events - Confidence scoring and exception handling This approach ensures transparency and trust — critical when combining competitive outcomes with social features. Mobile UX & Real-World Constraints UX design was driven by the realities of mobile use during live shoots. This included: - Minimal input steps during live shot recording - Clear confirmation of actions and scores - Fast correction flows for human error - Seamless transition between live mode and social views - A calm, focused interface under pressure The app was designed to support users in the moment, while also rewarding them afterwards through social and performance insights.

Our responsibilities included: - Defining the mobile product vision and system requirements - Designing the Shot Registration Engine - Designing social features and engagement loops - Translating real-world shoot mechanics into digital logic - Designing mobile UX flows for live use and post-event review - Working closely with engineers across iOS and Android builds This role required balancing technical complexity with user engagement and long-term retention. Key Processes The Shot Registration Engine is the foundation of the TopGun mobile app. Its role is to accurately record shots during live events, validate outcomes, and maintain a trusted source of truth across devices and users. Designed specifically for mobile use, the engine: - Accepts structured shot inputs in real time - Applies rule-based validation instantly - Maintains state across drives, shooters, and events - Reconciles conflicting or incomplete inputs - Flags anomalies for review These features encourage friendly competition and repeat engagement, while always grounding results in trusted data from the Shot Registration Engine. Intelligent Logic & Validation The platform uses a hybrid intelligence approach, combining deterministic rules with intelligent inference to ensure both accuracy and flexibility. - Context-aware validation based on shoot state and timing - Guardrails to prevent invalid shot sequences - Automatic reconciliation of scores across events - Confidence scoring and exception handling This approach ensures transparency and trust — critical when combining competitive outcomes with social features. Mobile UX & Real-World Constraints UX design was driven by the realities of mobile use during live shoots. This included: - Minimal input steps during live shot recording - Clear confirmation of actions and scores - Fast correction flows for human error - Seamless transition between live mode and social views - A calm, focused interface under pressure The app was designed to support users in the moment, while also rewarding them afterwards through social and performance insights.

/Rounding up/

TopGun reflects a holistic approach to product building, combining a technically robust core with a thoughtful social experience. By anchoring competition and engagement in reliable data, the app creates trust, motivation, and longevity.

TopGun reflects a holistic approach to product building, combining a technically robust core with a thoughtful social experience. By anchoring competition and engagement in reliable data, the app creates trust, motivation, and longevity.

It’s a strong example of how to design intelligent mobile products that perform in the real world and resonate with users over time. TG has now reached a pivotal stage of their journey where testing will be the most important factor. Due to the nature of the application we need to collect read-time data which will mould our remaining roadmap. With the main aim of releasing version 1.0 within the next couple of months.

It’s a strong example of how to design intelligent mobile products that perform in the real world and resonate with users over time. TG has now reached a pivotal stage of their journey where testing will be the most important factor. Due to the nature of the application we need to collect read-time data which will mould our remaining roadmap. With the main aim of releasing version 1.0 within the next couple of months.

Discovery

UX Design

Mobile App

MVP

Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients
Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients
Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients

klickit®

/Stay in the loop.

Our updates and insights straight into your inbox

By submitting, you agree to our Terms and Privacy Policy

Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients

klickit®

/Stay in the loop.

Our updates and insights straight into your inbox

By submitting, you agree to our Terms and Privacy Policy

Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients

klickit®

/Stay in the loop.

Our updates and insights straight into your inbox

By submitting, you agree to our Terms and Privacy Policy

Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients

klickit®

/Stay in the loop.

Our updates and insights straight into your inbox

By submitting, you agree to our Terms and Privacy Policy

Abstract flowing waves in grayscale creating a smooth, undulating pattern with light and shadow gradients