Explore. Experience. Connect. A dating app like no other.

Explore. Experience. Connect. A dating app like no other.

Explore. Experience. Connect. A dating app like no other.

Hatch is an app designed to help South African singles meet new people and have new experiences.

Hatch is an app designed to help South African singles meet new people and have new experiences.

Hatch is an app designed to help South African singles meet new people and have new experiences.

Hatch Hero
Hatch Hero
Hatch Hero
Hatch Background Image

Hatch’s challenge

Hatch Mockup
Hatch Mockup

The Hatch team came to Jack with a high stakes design challenge: Hatch thinks uniquely about dating in the 21st century. So it made sense that they would partner up with Jack to imagine an out-the-box experience of digital dating....

that fosters a quick out-of-app dating experience, encouraging the real life dating aspect of online dating

that makes online dating feel authentic and connected

that brings people together over the shared love of lived experiences

Hatch Background Image

Hatch’s challenge

Hatch Mockup

The Hatch team came to Jack with a high stakes design challenge: Hatch thinks uniquely about dating in the 21st century. So it made sense that they would partner up with Jack to imagine an out-the-box experience of digital dating....

that fosters a quick out-of-app dating experience, encouraging the real life dating aspect of online dating

that makes online dating feel authentic and connected

that brings people together over the shared love of lived experiences

This is where

came in...

First, we set about creating a brand aesthetic for Hatch that would help the app stand out in an overcrowded marketplace.

Not just any aesthetic but one that reflects a vibrant and inclusive atmosphere, combining modern design elements with a touch of cultural inspiration. The colour palette incorporates warm and energetic tones, representing the diversity and dynamism of South Africa. The typography is bold and contemporary, conveying a sense of confidence and approachability.

BRAND identity

1 - 2 weeks

Hatch Identity
Hatch Identity
Hatch Identity

We then created a digital style guide and UI design system to streamline the Hatch design and development process.

Using the existing Hatch brand as the cornerstone of the deliverable, we crafted an interactive digital style-guide to guide the interface design. With the inclusion of everything from button styles to select controls, this deliverable serves as a single source of truth for the visual style of all Hatch's digital assets.

design system

1 - 2 weeks

Hatch Design System
Hatch Design System
Hatch Design System

With the groundwork laid, our team was able to move into the design of the core Hatch value proposition: their experience based dating app.

First, we created a comprehensive blueprint for the Hatch product, detailing its full UX system. We outlined each end user’s experience and interactions with Hatch, allowing Greg and Werner to visualise their digital product. Once the system was perfected, we added the visual and interactive aspects through an iterative process of UI design.

SYSTEM DESIGN
UI / UX DESIGN

4 - 6 weeks

Hatch System Design
Hatch System Design
Hatch System Design

Step into

world