UI/UX Redesign for a Lovinn Dating App

Lovinn, formerly known as Inner Match, is a dating application available to users in Germany. Unlike conventional dating platforms built around profile photos, rapid swiping, and immediate visual judgment, Lovinn approaches matching differently: conversation and personality come first. Users initially connect through text, questions, and interactions while profile images remain hidden, with photos gradually unlocked later in the experience. Our role was to redesign the application around this distinctive product concept; improving the UX, rebuilding the interface, and creating a visual and interaction system that made the unconventional matching journey feel intuitive, engaging, and polished.

We began by reviewing the existing Inner Match application and its original screens, identifying areas where navigation, hierarchy, interaction patterns, and overall consistency could be improved. Because Lovinn does not follow the familiar mechanics of a standard swipe-first dating app, clarity was particularly important: users needed to understand what happens next, why certain information remains hidden, and how their connections progress.

We refined the UX and user flows before moving into visual design, creating wireframes to validate the structure and behavior of each journey. The redesign covered the product comprehensively, including onboarding, login and registration, matching and swipe interactions, paywall, chat, quiz-based games, filters, profiles, and the progressive photo-unlocking experience.

Showing the old screens alongside the redesign demonstrates not only a visual transformation, but how the product evolved into a more coherent and purposeful experience.

Once the flows were established, we translated the wireframes into a complete UI system that gave Lovinn its own recognizable product identity. Rather than designing another interface dominated by profile cards, we created screens that support curiosity, gradual discovery, conversation, and interaction. Particular attention was given to hierarchy and state changes because the interface needs to communicate the development of a match before all profile information becomes available.

We also created a comprehensive design system with reusable components, typography, colors, controls, states, and interaction patterns, helping maintain consistency across a product with many interconnected flows while making future screens easier for the product and development teams to extend.

Motion was treated as a functional layer of the experience rather than decoration added at the end. We designed micro-interactions, transitions, feedback states, and subtle motion graphics throughout the application to make interactions feel responsive and to guide attention without overwhelming the interface.

The motion language was intentionally restrained: enough to make Lovinn feel lively and premium, without turning every interaction into an animation. Final animations were prepared and delivered as Lottie files, allowing the development team to integrate lightweight, scalable motion directly into the application while maintaining the intended timing and visual quality.

The outcome was more than a UI refresh. The redesign transformed Inner Match into a more cohesive Lovinn product experience, aligning UX, visual design, interaction, and motion around the platform's central idea: getting to know someone before judging them primarily by their appearance. By refining the complete journey rather than redesigning isolated screens, we created a system that supports the product from a user's first onboarding screen through matching, conversation, games, premium features, and profile discovery.

The final deliverables included refined UX flows, wireframes, high-fidelity UI, a reusable design system, micro-interactions, motion design, and production-ready Lottie assets; giving Lovinn both a more engaging experience for its current users in Germany and a stronger design foundation for continued product development.