ResearchИсследование
Understand the questions couples and therapists have, and review competitor pages.Изучить вопросы пар и терапевтов и посмотреть, как устроены страницы конкурентов.
01 / Context01 / Контекст
Introducing Cuddle to couples and therapistsЗнакомство с Cuddle для пар и терапевтов
Cuddle is a mobile app that helps couples strengthen their relationship through tests, exercises, quizzes, and games. The landing page introduces the app to potential users and partner therapists. It needed to explain the product in a warm, approachable way.Cuddle помогает парам укреплять отношения с помощью тестов, упражнений, квизов и игр. На лендинге с приложением впервые знакомятся будущие пользователи и терапевты-партнёры. Нужно было рассказать о продукте просто и дружелюбно.
The page had to serve two audiences. Couples wanted to know what the app does and whether to download it. Therapists needed to understand how a Cuddle partnership could complement their practice.Страница должна была отвечать на вопросы двух аудиторий. Парам важно понять, что делает приложение и стоит ли его скачивать. Терапевтам нужно узнать, как партнёрство с Cuddle может дополнить их практику.
02 / Task02 / Задача
Explain the app and show how to get startedРассказать о приложении и показать, как начать
I needed to explain what Cuddle offers, help couples decide to try it, and create a separate route for therapists. The design had to be easy to use and reflect the app’s focus on trust and connection.Нужно было объяснить возможности Cuddle, помочь парам решиться попробовать приложение и предусмотреть отдельный раздел для терапевтов. Дизайн должен был быть удобным и отражать главные темы продукта: доверие и близость.
WireframesВайрфреймы
Put the content in an order that helps people understand the app and find the next step.Расположить содержание так, чтобы легко разобраться в приложении и найти следующий шаг.
Usability testingЮзабилити-тесты
Test the page with users and refine the explanation before finalizing the visual design.Проверить страницу с пользователями и уточнить содержание до финальной проработки дизайна.
Visual designВизуальный дизайн
A warm palette, friendly typography, and subtle animation that fit the app’s character.Тёплая палитра, дружелюбная типографика и ненавязчивая анимация в характере приложения.
Responsive adaptationАдаптация
Consistent content on desktop and mobile, with an easy-to-find download link.Одинаково понятное содержание на компьютере и телефоне и заметная ссылка на скачивание.
Therapist pageСтраница для терапевтов
A dedicated page with partnership information and a straightforward next step.Отдельная страница с условиями партнёрства и понятным следующим шагом.
Visual languageВизуальный язык
Soft pink, navy, and generous spacing connect the website to the app’s visual identity.Мягкий розовый, тёмно-синий и свободные отступы связывают сайт с визуальным стилем приложения.
The page introduces shared activities through questions, exercises, and journals, helping couples understand the app before downloading it.Вопросы, упражнения и дневники показывают, чем пары могут заниматься вместе. Так проще понять возможности приложения до скачивания.
03 / My contribution03 / Мой вклад
Connect the website’s content and design to the appСвязать содержание и дизайн сайта с приложением
I worked on research, page structure, testing, the visual system, and the therapist page. I kept the tone friendly while answering practical questions: what the app does, why to try it, and how a therapist can become a partner.Я работал над исследованием, структурой, тестированием, визуальной системой и страницей для терапевтов. Сохранял дружелюбный тон и отвечал на практические вопросы: что делает приложение, зачем его пробовать и как терапевту стать партнёром.
The website uses the app’s themes of connection, care, and daily rituals to introduce the product and explain the next steps.Сайт продолжает темы приложения: близость, заботу и ежедневные ритуалы. Через них он знакомит с продуктом и объясняет, что делать дальше.
04 / Process04 / Процесс
Test whether the page answers both audiences’ questionsПроверить, отвечает ли страница на вопросы обеих аудиторий
Personas for a busy partner and a practicing therapist guided the content. I started with the page structure and tested it with users before refining a shared visual system for both audiences.Персоны занятого партнёра и практикующего терапевта помогали выбирать содержание. Я начал со структуры, проверил её с пользователями и затем доработал общую визуальную систему для обеих аудиторий.
Research both audiencesИсследовать обе аудитории
Find out what couples need to know before downloading and what therapists need to consider a partnership.Узнать, что важно парам до скачивания и какая информация нужна терапевтам для решения о партнёрстве.
Structure the pageПродумать структуру
Organize the page around what Cuddle is, what it offers, who uses it, and how to try it.Рассказать по порядку, что такое Cuddle, какие у него возможности, кто им пользуется и как попробовать.
Test the explanationПроверить объяснение
Use feedback to find unanswered questions and refine the relevant sections.По обратной связи найти вопросы без ответа и доработать нужные разделы.
Refine and adaptДоработать и адаптировать
Refine colors, typography, and animation, then adapt the page for smaller screens.Доработать цвета, типографику и анимацию, затем адаптировать страницу для небольших экранов.
05 / Result05 / Результат
A product website with a dedicated partnership pageСайт приложения с отдельной страницей для партнёров
The design introduces the app, shows its activities, and directs couples to download it. A separate therapist page explains partnership. Both use the app’s warm tone and visual identity.Дизайн знакомит с приложением, показывает занятия для пар и ведёт к скачиванию. Отдельная страница рассказывает терапевтам о партнёрстве. Обе сохраняют дружелюбный тон и визуальный стиль Cuddle.