Meet Market

MeetMarket is a UI design project developed for film, focused on creating a believable and visually clear dating app experience. The design draws from common interaction patterns while adapting the interface to work effectively within a cinematic context.

Jul 12, 2024

Meet Market

MeetMarket is a UI design project developed for film, focused on creating a believable and visually clear dating app experience. The design draws from common interaction patterns while adapting the interface to work effectively within a cinematic context.

Jul 12, 2024

CLIENT

“Miss Matched” Film

Role

Production Team Designer

Service

Design

CLIENT

“Miss Matched” Film

Role

Production Team Designer

Service

Design

CLIENT

“Miss Matched” Film

Role

Production Team Designer

Service

Design

Process

Process

Client Direction

The project began with direction from the film team to create a dating app that could be clearly read on screen and fit within the tone of the story. Requirements included a swipe based interface and a small set of profiles that could be used within specific scenes.

Early planning focused on balancing realism with clarity, ensuring that interactions would be recognizable to viewers while remaining simple enough to read quickly on camera.

Research and Planning

Research into existing dating apps such as Bumble and Tinder helped define familiar interaction patterns including swipe gestures profile cards and match flows.

Key takeaways informed a simplified system that uses recognizable icons and navigation while avoiding unnecessary complexity, allowing the interface to feel authentic without distracting from the film.

App Design

App Design

User Flow

The app follows a standard dating flow including browsing potential matches liking or passing and viewing matches. Navigation connects core screens such as home messages and profile, creating a complete and believable experience.

Flows were designed to loop naturally so actors could interact with the app in a way that feels continuous and realistic during filming.

Interface

The interface uses a clean and minimal layout with clear hierarchy to ensure readability on screen. Large imagery simple icons and bold color contrast help communicate actions quickly to the viewer.

Visual decisions were made to support both usability and cinematic clarity, ensuring the app looks functional while remaining easy to understand in a short amount of time.

Prototype

Prototype

On Screen Use

The prototype was designed to function as a working prop within the film, allowing actors to interact with the interface during scenes. Key interactions such as swiping and navigation were built to appear responsive and believable on camera.

Final Output

The final design is shown in context within the film trailer, demonstrating how the app integrates into the narrative and supports the overall story.

Create a free website with Framer, the website builder loved by startups, designers and agencies.