Twenteefore - IOS & Android App Design

Twenteefore - IOS & Android App Design

Project Duration: 6 weeks

Project Duration: 6 weeks

Live Preview

Live Preview

Get in Touch

Get in Touch

Twenteefore - IOS & Android App Design

Project Duration: 6 weeks

Live Preview

Get in Touch

About Twenteefore

TwenteeFore is an engaging golf game available on the Appstore and Google Play Store that reimagines traditional golf scoring with a fun, skill-based twist. The game invites players of all levels to complete 24 unique golf challenges across real courses, offering an easy-to-learn but skill-rewarding gameplay experience. Players aim to complete various targets, form scoring patterns, and enjoy both competitive and casual play.


The Goal

The goal was to create the visual interface and user experience design for TwenteeFore, focusing on intuitive navigation, clear presentation of game rules and targets, and immersive UI elements to enhance gameplay. The design prioritized accessibility for casual players while maintaining visual excitement to engage competitive users.


Our Approach

The final deliverables were a complete set of UI screens and interaction flows ready for development. While I88HQ did not build the app, the design served as the blueprint for implementation, ensuring players enjoy a clear, fun, and visually engaging golf game experience.

Design

Pages

Aunthentication

Aunthentication

Aunthentication

Instructions

Instructions

Instructions

Gameplay

Gameplay

Gameplay

Game Level

Game Level

Game Level

Scorecard

Scorecard

Scorecard

Game Level

Game Level

Game Level

FAQ

Frequently asked
questions.

01/

What services do you specialize in?

We specialize in product-grade UI/UX design and Framer-based implementation. This includes interface architecture, component systems, responsive layouts, interaction design, and full website builds in Framer. Our work sits at the intersection of design systems and front-end execution, ensuring what’s designed is exactly what ships.

03/

How long does a typical project take?

Timelines depend on scope, but most projects fall within 2–6 weeks. This includes design, implementation, iterations, and launch. Because we work with defined scopes and modular systems, timelines remain predictable without sacrificing quality.

05/

How do revisions and feedback cycles work?

Feedback is handled through structured review cycles. We work with versioned iterations, documented feedback, and controlled revision rounds to avoid scope creep. This keeps decisions intentional and ensures every change aligns with the product goal.

02/

Who do you typically work with?

We work primarily with founders, startups, and product teams who value execution, clarity, and long-term usability. Clients usually come to us when they want a website that functions as a product asset, not a static marketing page.

04/

Do you design first or build directly in Framer?

We do both, depending on complexity. For structured marketing and product websites, we often design directly within Framer, allowing real-time interaction testing. For complex interfaces, we design high-fidelity screens first, then translate them into reusable Framer components.

06/

How do you collaborate with internal teams?

We integrate directly into existing workflows. This includes structured communication, documented feedback, and clear ownership boundaries. Enterprise engagements often involve collaboration with product, marketing, and engineering stakeholders.

FAQ

Frequently askd
questions.

What services do you specialize in?

We specialize in product-grade UI/UX design and Framer-based implementation. This includes interface architecture, component systems, responsive layouts, interaction design, and full website builds in Framer. Our work sits at the intersection of design systems and front-end execution, ensuring what’s designed is exactly what ships.

How long does a typical project take?

Timelines depend on scope, but most projects fall within 2–6 weeks. This includes design, implementation, iterations, and launch. Because we work with defined scopes and modular systems, timelines remain predictable without sacrificing quality.

How do revisions and feedback cycles work?

Feedback is handled through structured review cycles. We work with versioned iterations, documented feedback, and controlled revision rounds to avoid scope creep. This keeps decisions intentional and ensures every change aligns with the product goal.

Who do you typically work with?

We work primarily with founders, startups, and product teams who value execution, clarity, and long-term usability. Clients usually come to us when they want a website that functions as a product asset, not a static marketing page.

Do you design first or build directly in Framer?

We do both, depending on complexity. For structured marketing and product websites, we often design directly within Framer, allowing real-time interaction testing. For complex interfaces, we design high-fidelity screens first, then translate them into reusable Framer components.

How do you collaborate with internal teams?

We integrate directly into existing workflows. This includes structured communication, documented feedback, and clear ownership boundaries. Enterprise engagements often involve collaboration with product, marketing, and engineering stakeholders.

FAQ

Frequently asked
questions.

What services do you specialize in?

We specialize in product-grade UI/UX design and Framer-based implementation. This includes interface architecture, component systems, responsive layouts, interaction design, and full website builds in Framer. Our work sits at the intersection of design systems and front-end execution, ensuring what’s designed is exactly what ships.

How long does a typical project take?

Timelines depend on scope, but most projects fall within 2–6 weeks. This includes design, implementation, iterations, and launch. Because we work with defined scopes and modular systems, timelines remain predictable without sacrificing quality.

How do revisions and feedback cycles work?

Feedback is handled through structured review cycles. We work with versioned iterations, documented feedback, and controlled revision rounds to avoid scope creep. This keeps decisions intentional and ensures every change aligns with the product goal.

Who do you typically work with?

We work primarily with founders, startups, and product teams who value execution, clarity, and long-term usability. Clients usually come to us when they want a website that functions as a product asset, not a static marketing page.

Do you design first or build directly in Framer?

We do both, depending on complexity. For structured marketing and product websites, we often design directly within Framer, allowing real-time interaction testing. For complex interfaces, we design high-fidelity screens first, then translate them into reusable Framer components.

How do you collaborate with internal teams?

We integrate directly into existing workflows. This includes structured communication, documented feedback, and clear ownership boundaries. Enterprise engagements often involve collaboration with product, marketing, and engineering stakeholders.