Love K.O.
Category
UI/UX Design
Mentor
Roee Cohen
Year
2025
Love K.O. is an interactive dating experience inspired by Scott Pilgrim vs. the World, where finding your perfect match feels like playing a video game. You meet five potential matches, ask them questions, and uncover both their best qualities and biggest red flags. After each round, you eliminate one contestant through an epic battle-style animation… until only your ultimate Player 2 remains.
The Brief
We were asked to translate a cinematic world into a digital experience.
The challenge was to capture the emotional, visual, and narrative language of a film and create a website that feels like a natural extension of its universe. Love K.O. uses familiar dating-app conventions to bring the chaotic, funny, and over-the-top world of Scott Pilgrim vs. the World into an interactive experience.
The Lore
In Scott Pilgrim vs. the World, Scott must defeat Ramona’s seven evil exes in a series of over-the-top, video game-style battles. But his biggest challenge is facing his own flaws, quite literally, when he comes face to face with his evil counterpart.
Scott’s final opponent
Research Insights
Before designing, I wanted to understand both how dating platforms work and the experience they create beyond the interface.
I created profiles on Tinder and OkCupid and spent hours using each platform: swiping, matching, messaging, and paying attention to the patterns and frustrations that came up along the way.
01
Profiles show only part of the person
Profiles are built around a curated first impression, while less flattering traits and red flags tend to surface later.
02
There is always another option
Endless swiping creates no natural stopping point, keeping the next profile constantly within reach.
03
Matches compete for attention
Several conversations can happen at once, and many lose momentum before going anywhere.
The Concept
01
Swipe right twice
Inspired by Nega Scott, every match has two sides: a regular profile and an evil version revealing their red flags.
To match, users have to swipe right on both, making the decision only after seeing both sides.
The same match, both sides
02
Make them fight for it
Dating apps often leave users talking to several matches at once, with many conversations going nowhere.
In Love K.O., swiping stops after five matches. From there, users can ask questions, compare answers, and eliminate one match in each game-style round until only one Player 2 remains.
The elimination round
The visual language
The visual language of Scott Pilgrim vs. the World draws heavily from comics and classic video games.
The original graphic novels, along with games such as Pokémon, The Legend of Zelda, and Street Fighter, informed the UI’s framing, character presentation, and battle screens.
Inspiration board
Style guide
The typography, color palette, backgrounds, and illustrations all draw from the original comics.
The headline font was used on the comic covers, while the body font was chosen for its similarity to the font used to introduce new characters, the same role it serves in the profile screens. The backgrounds reference the comic covers, and the profile illustrations are based on frames from the comics. Each character appears in both a regular and an evil version.
Style guide
Design evolution
Wireframe
Sketch
Final design
The Experience
The experience is divided into two parts: discovery and elimination.
The first focuses on exploring profiles and matching with both sides of a person. Once five matches are collected, the experience shifts into elimination rounds that narrow them down to one final match.
Registering
Discovering profiles
Match elimination round
Battle
