klop Dating App

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"89% Klop, 16.5 km away, movie night at CGV Grand Indonesia — Klop is the dating app that doesn't just match you, it gives you the tools to actually ask someone out."}]},{"type":"image","attrs":{"src":"https://cdn.dribbble.com/userupload/4778926/file/original-2fdf340769638234d32b60e3acfe92cc.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"App UI Design — Klop"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Dating App · Indonesia"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A fresh, well-considered three-screen dating app UI for Klop — an Indonesian dating app that distinguishes itself from the standard swipe-and-match format by building a structured date invitation system directly into the matching flow."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Discovery Screen:"},{"type":"text","text":" Laras Ardilla, 21, 16.5 km away — a full-bleed profile photo with a compatibility score badge: 89% KLOP! — a circular progress indicator that gamifies compatibility in a way that's playful without feeling algorithmic. Her bio tags confirm the personalization: \"wibu holic here 🌸\", \"Looking for a brown skinned 'boy' friend\" — real, specific, human. The standard pass/like buttons sit below."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Create Date Invitation:"},{"type":"text","text":" Rather than just sending a match notification, Klop lets users send a structured date proposal — a form with Message, Date and time, Location, and Attachment fields, with a \"Submit\" CTA. The \"Invite Laras\" header and the user's profile photo visible at the top confirm this is a personal, directed action — not a generic interaction. This feature is the app's most distinctive UX differentiator: turning the match into an actual invitation to do something real."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Received Invitation:"},{"type":"text","text":" David Sumargo, 16.5 km away, sends Laras an invitation: \"Laras, let's have a movie nite next weekend! Shall we?\" — 18 Feb, 7:00 PM, CGV Grand Indonesia, with a Titanic movie poster as the attached context. Accept Invitation / Reject / New Schedule — three responses that give the recipient full control. The gradient purple-to-warm card design gives the invitation screen warmth and occasion — this is something worth responding to."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A dating app that closes the gap between matching and meeting — by making the ask as easy as the swipe."}]}]}