Про менеКейсиДосвідБлогРезюмеLinkedIn
Написати
Mobile App

Sleep Sounds

Android-додаток для сну, медитації та ASMR — з кураторськими підбірками і конструктором, що дозволяє накладати понад 100 звуків в одну композицію.

Релакс-утиліта для дорослих віком 25+, які сприймають звʼязок тіла й розуму як частину рутини — медитація, ambient-звук, ASMR. Спроєктована як другий продукт у звʼязаній сімʼї перед-сонних додатків — з єдиним візуальним ДНК і спільною системою компонентів з Night Clock. UX-виклик: перетворити одну з найбільш generic-категорій Play Store на продукт, який запамʼятовують на імʼя.

РольUI/UX і продуктовий дизайнерОдноосібний дизайнер
Команда1 Product Owner
1 Android-розробник
Терміни1.5 місяця · 20242-га колаборація
СтатусЗапитати Figma Android · Wellbeing
01 — Контекст

Другий хід у запланованій продуктовій сімʼї.

Це був другий проєкт з тим самим Product Owner — одразу після Night Clock. Ширший план був випустити сімʼю перед-сонних додатків, що поділяють єдиний візуальний світ і систему компонентів, кожен — окремий MVP у своїй категорії. Night Clock був годинником. Sleep Sounds — звуком. Третій (Sleep Tracking) лишався в roadmapʼі.

Бриф прийшов із вже сформованою продуктовою гіпотезою від PO — тобто моя робота сконцентрувалася на глибині UX/UI: інформаційна архітектура, плеєр, логіка sound-builderʼа і те, як усе візуально та структурно звʼязується назад із Night Clock. Лише Android — і це теж навмисно: та сама аудиторія, той самий низько-витратний шлях запуску.

Context mockup
02 — Виклики

Виділитися в одній із найбільш generic-категорій Play Store.

Перенасичена ніша, аудиторія, звикла до примітивних sound-додатків, і потреба зробити продукт, який заслужить місце на головному екрані замість того, щоб його видалили після першої ночі.

01

Перенасичена ніша

Додатки для сну й медитацій повсюди в Play Store — і більшість із них або вузькі та функціонально-бідні (фіксована бібліотека звуків, нічого більше), або поховані під продакшн-бюджетами рівня Calm. Простір відкривався посередині: достатньо функціоналу, щоб відчуватися реальним інструментом, і UI, що не виглядає, як десятки клонів навколо.

02

Побудова звʼязаної продуктової сімʼї

Sleep Sounds не був окремим продуктом — він мав відчуватися частиною того самого світу, що й Night Clock: спільна візуальна мова, логіка компонентів, акцентна ідентичність. Це обмеження виявилося креативною перевагою: кожен переюзаний компонент економив час на продакшні, але продукт усе одно мав читатися як свій, а не як «Night Clock з прикрученим аудіо».

03

UX, керований звуком

Більшість додатків — візуальні. Sleep Sounds — аудіо-перший. UX мав підтримувати поведінки, які типовому додатку не потрібні: фонове відтворення, взаємодія у стані сну (очі закриті, телефон екраном вниз), мікшування в реальному часі, регулювання гучності окремо для кожного треку. Екран майже перетворювався на пульт — не на сам продукт.

04

Вихід за межі телефона

Ближче до завершення проєкту ми побачили патерн у фідбеку: люди часто пускають sleep-звуки через телевізор у фоні, а не через телефон. Ми переробили частину дизайну під це — додали зациклені ambient-анімації до кураторських мікшів, щоб додаток мав сенс на екрані телевізора з іншого кінця кімнати, а не лише на телефоні поруч із подушкою.

03 — Процес

Багато UX/UI — спираючись на спільну систему.

Дослідження та аналіз конкурентів

Я пройшов усі релевантні додатки для сну, медитації та ambient-звуку в основних магазинах — і реально користувався кожним. Патерн був очевидний: більшість продуктів у категорії були або вузькими й мілкими (фіксована бібліотека, без мікшування, без персоналізації), або преміальними й закритими (Calm, Headspace — сильні, але далеко від цінового сегменту, у який ми націлювалися).

У Sleep Sounds був простір стати продуктом посередині: реальний функціонал, реальна персоналізація, доступна монетизація. Сама продуктова гіпотеза вже була достатньо нетиповою — дизайн-робота полягала в тому, щоб зробити цю гіпотезу очевидною для користувача у перший же сеанс.

Узгодження стратегії та зони відповідальності

PO прийшов з чітким баченням продукту. Узгодили, що я беру на себе всю UX-архітектуру: карта інформації, навігаційна логіка, потік екранів, поведінкова модель. Звʼязана візуальна історія з Night Clock була частиною брифа без альтернатив — те саме візуальне ДНК, та сама аудиторія, продукти, які з першого погляду читаються як родичі.

Візуальна ідентичність і UI

Побудовано прямо на візуальній мові Night Clock — та сама темна нічна атмосфера, та сама cyan-blue акцентна система, ті самі типографічні рішення, і це навмисна послідовність. Там, де продукти розходяться, вони розходяться функціонально (у Sleep Sounds є плеєр, мікшер, бібліотека — у Night Clock їх немає), але читаються вони як один дизайн-світ. Sound-builder був найбільшим окремим UI-завданням: понад 100 індивідуальних звуків, повзунки гучності для кожного треку, прев’ю міксу в реальному часі, флоу збереження як свого міксу — усе на поверхні, спроєктованій під взаємодію великим пальцем при слабкому світлі.

Дизайн-система і передача в розробку

Саме тут підхід «продуктової сімʼї» окупився: дизайн-система з Night Clock перейшла безпосередньо. Багато компонентів переюзали без змін, інші розширили під audio-специфічні взаємодії. Android-розробник був тим самим, що й на Night Clock — тобто стандарт передачі, неймінг і motion-специфікації вже були йому знайомі. Менше часу на узгодження, більше — на те, що було справді новим.

Process diagram

Спільна дизайн-система робить Sleep Sounds і Night Clock частиною одного світу — хоча один з них годинник, а інший плеєр.

Process mockup
04 — Ключові рішення

Три рішення, що сформували продукт.

Рішення 01

Онбординг і ASO як головні інвестиції в зростання

У перенасиченій категорії стандартний сценарій провалу — встановити-видалити. Аудиторія за один вечір пробує 3–4 додатки і залишає максимум один. Сторінка в маркеті виграє інстал, онбординг виграє утримання.

Я ставився до онбордингу та App Store Optimization як до однієї конверсійної поверхні, а не до двох окремих задач. Перший запуск був спроєктований так, щоб у першу хвилину доставити реальний value-момент: запустити curated-мікс, відчути якість аудіо, почути різницю. На стороні ASO я допомагав PO знайти та підключити motion-дизайнера для відео-презентації на сторінці магазину — бо в цій категорії превʼю з високим продакшн-рівнем рухає install rate сильніше, ніж списки фіч.

Онбординг і ASO — це не дві різні дисципліни. Це дві половини одного конверсійного шляху.
UI screen 1
UI screen 2
Рішення 02

Sound builder, що поважає глибину, не караючи простоту

Інстинкт у мікшерних UI — або надспрощувати (тільки преcети, жодного контролю), або відкривати всі параметри (інтерфейси у стилі DAW, які лякають casual-користувача). Обидва підходи провалюються на цій аудиторії.

Я спроєктував builder як дворівневу поверхню: curated-мікси для тих, хто хоче відразу натиснути й піти, плюс layer-система знизу, що дає допитливим піти глибше — додавати з бібліотеки на понад 100 звуків, контролювати гучність кожного треку, зберігати як свій мікс. Mix builder працює як пульт у темряві: великі тапабельні таргети, без потреби в точності, миттєвий аудіо-фідбек на кожну зміну.

Motion showcase

Curated-вхід, глибока кастомізація знизу — жодна аудиторія не платить «податок» за користування додатком.

Рішення 03

Дизайн для другого екрана — телевізора

Посеред проєкту фідбек користувачів виявив те, чого ми не планували: люди пускають ambient-звуки через телевізор, кастять з телефона, і простором прослуховування стає кімната, а не пристрій. Phone-UI раптом ставав другорядним.

Ми додали зациклені ambient-анімації до кураторських мікшів — щоб коли додаток на екрані телевізора за три метри, картинка була осмислена, а не пустою чорною поверхнею. Телефон залишається пультом, але досвід переформатовується навколо кімнати. Дизайнити для того, де продукт реально живе, важливіше, ніж дизайнити для того, де ти очікував його побачити.

Дивись, як зміщується юзкейс посеред проєкту. І проєктуй для того юзкейсу, що проявився, а не того, з якого ти стартував.
Story builder screen
Character selection
Decisions mockup
05 — Результати

Другий проєкт. Сильніший патерн.

  • Позитивний фідбек від Product Owner і розробника щодо якості дизайну, UX-архітектури та стратегічного інпуту через весь проєкт — від концепту до підтримки ASO.
  • Дизайн-система, розширена з Night Clock — це прискорило розробку і зафіксувало візуальну послідовність між двома продуктами. Спільна система стала довгостроковим активом.
  • Далі ще два додатки — LumiNap і Cleaner — за наступні два роки. Партнерство активне досі, на четвертому році.
  • Додаток знято з Google Play. Стратегію сімʼї перед-сонних додатків переформували, і Sleep Sounds закрили разом з Night Clock, щоб сфокусуватися на наступних продуктах.
Запитати Figma
06 — Висновки

Що я беру із собою далі.

01

Спільна дизайн-система — це леверидж, а не накладна.

Побудова Sleep Sounds на фундаменті Night Clock помітно скоротила терміни дизайну й дала продуктам візуальну зв’язність, якої жоден з них поодинці не мав би. Робота, вкладена в систему першого продукту, окупається на кожному наступному.

02

Дивись, де продукт реально живе.

Фідбек посеред проєкту показав, що люди користуються додатком через телевізор, а не телефон. Цей зсув став найважливішим інсайтом проєкту — і змінив візуальний напрямок так, як вихідний бриф ніколи б не запропонував. Правильний юзкейс — це той, що тобі показують користувачі, а не той, який ти припустив.

03

Онбординг і ASO — це одна воронка, а не дві.

Проєктувати превʼю в магазині, install-pitch і перший запуск як єдиний звʼязаний шлях — замість трьох окремих деліверіблів — це те, як виграють перенасичені категорії. Конверсія — не фаза. Це безперервна поверхня від першого враження до другоденного повернення.

Висновок

Побудова продуктової сімʼї, яка більша за суму своїх додатків.

Sleep Sounds навчив мене, що цінність звʼязаної продуктової сімʼї накопичується з кожним новим продуктом. Дизайн-система, патерни передачі, довіра в партнерстві — усе це переноситься далі. Сам додаток зрештою закрили. А система, робочий процес і колаборація пішли далі — у ще два продукти й четвертий рік співпраці.

Sleep Sounds — Relax & ASMR | Vladyslav Kovalchuk