CuddleAn app for couplesПриложение для пар

Product design for a couples app, from the first user flows to release.Продуктовый дизайн приложения для пар: от первых сценариев до релиза.

RoleРоль
Product designerПродуктовый дизайнер
FocusФокус
End-to-end product designДизайн от идеи до релиза
Cuddle daily check-in Cuddle reflection screen

A mobile app for couplesМобильное приложение для пар

Cuddle is a mobile app that helps couples strengthen their relationship through tests, exercises, quizzes, and games. The design needed to feel welcoming and make the next step easy to understand.Cuddle помогает парам укреплять отношения с помощью тестов, упражнений, квизов и игр. Важно было сделать приложение дружелюбным и понятным, чтобы люди легко находили следующий шаг.

As a product designer on the Cuddle team, I worked on the app from the first product decisions through release. I designed its structure, user flows, visual system, and individual screens.Я работал продуктовым дизайнером в команде Cuddle от первых решений до релиза. Отвечал за структуру приложения, пользовательские сценарии, визуальную систему и отдельные экраны.

Design Cuddle from MVP to releaseСпроектировать Cuddle от MVP до релиза

The task covered the MVP, release, and later iterations. I needed to connect the app’s structure, flows, and visual design so people could understand what Cuddle offers and find their way through it.Работа охватывала MVP, релиз и последующие итерации. Нужно было связать структуру, сценарии и визуальный дизайн, чтобы людям было понятно, что предлагает Cuddle и как им пользоваться.

MVP foundationОснова MVP

Define a focused product idea for the first version.Определить основную идею и задачи первой версии.

Product structureСтруктура продукта

Organize the content, hierarchy, and main user journeys.Продумать содержание, иерархию и основные пользовательские сценарии.

UX flowsUX-сценарии

Map each flow, including screen states and user decisions.Продумать шаги сценариев, состояния экранов и выбор пользователя.

Visual systemВизуальная система

Create a consistent visual language suited to a personal subject.Создать единый визуальный язык для деликатной темы отношений.

Mobile UIМобильный UI

Apply the visual system to the app’s screens and interactions.Применить визуальную систему к экранам и взаимодействиям.

Release & supportРелиз и поддержка

Support development, launch, and later design updates.Передать дизайн разработчикам, поддержать запуск и последующие обновления.

From early product decisions to interface detailsОт первых решений до деталей интерфейса

I worked across the full design process with the product team. Alongside the app’s structure and flows, I developed the visual system and refined the screens to keep navigation and interactions consistent.Вместе с продуктовой командой я прошёл весь процесс дизайна. Помимо структуры и сценариев, разработал визуальную систему и проработал экраны, чтобы навигация и взаимодействия были последовательными.

I considered both the overall tone of Cuddle and the details that help people understand each screen.Я работал и с общим характером Cuddle, и с деталями, которые помогают разобраться в каждом экране.

Use feedback to improve onboarding and the paywallУлучшить онбординг и экран подписки по обратной связи

Interviews and usability tests helped me identify confusing steps. I used those findings to refine the structure, test key interactions, and improve the onboarding and subscription flow.Интервью и юзабилити-тесты помогли найти непонятные шаги. По их результатам я уточнял структуру, проверял ключевые взаимодействия и дорабатывал онбординг и оформление подписки.

01

Listen firstСначала слушать

Use interviews and usability tests to find confusing steps and requests that come too early.Найти в интервью и тестах непонятные шаги и запросы, к которым человек ещё не готов.

02

Refine onboardingДоработать онбординг

Explain the product during onboarding and make the next step easy to understand.Объяснить возможности приложения в онбординге и показать, что делать дальше.

03

Explain the subscriptionОбъяснить подписку

Show the paywall after people understand the app’s value, with a clear reason to subscribe.Показать экран подписки после знакомства с возможностями приложения и объяснить, что даёт подписка.

04

Refine the detailsДовести детали

Prototype key interactions, review screen states, and refine the flow.Собрать прототипы ключевых взаимодействий, проверить состояния экранов и доработать сценарий.

A consistent app, from onboarding to everyday useЕдиный интерфейс для знакомства и ежедневных занятий

The design brought Cuddle’s structure, flows, and visual system together from the first idea through release. It explains the app’s value and gives each step a consistent, supportive tone.От первой идеи до релиза структура, сценарии и визуальная система сложились в единое приложение. Интерфейс объясняет возможности Cuddle и сохраняет дружелюбный тон на каждом шаге.

The original project is on BehanceИсходный проект на Behance