Questly / Мобільний і вебпродукт із квестами / Live
Questly перетворює ідею квесту на реальну участь.
Questly — мій мобільний і вебпродукт навколо фото- та відеоквестів. Учасник спочатку відповідає сам, а вже потім бачить, як інші виконали той самий квест. Так продукт залишається зосередженим на дії, а не пасивному порівнянні.
- Роль
- Продуктовий напрям, дизайн інтерфейсу та full-stack розробка
- Платформи
- Web, iPhone та Android
- Тип продукту
- Платформа фото- та відеоквестів
- Статус
- Живий власний продукт
Створення квестів · Фото- та відеопідтвердження · Discovery за аудиторією · Контекст підписників і локації · Відповіді та повідомлення · Сповіщення й модерація
01 / Ідея продукту
Більшість стрічок просить дивитися. Questly просить зробити щось.
Квест починається з простого prompt: помітити щось, спробувати, створити або виконати невелике завдання в реальному світі. Продукт побудований навколо відповіді, а не нескінченного пасивного споживання.
Ключове правило просте: спочатку додайте власне підтвердження, а вже потім порівнюйте з іншими. Це правило формує стрічку, сценарій відповіді, reveal та соціальну поведінку після нього.
02 / Сценарій участі
Prompt, підтвердження, потім reveal.
- 01
Знайти
Відкривати квести через global, followers, city та local-area контексти.
- 02
Відповісти
Зняти або завантажити фото чи відеопідтвердження через сфокусований мобільний flow.
- 03
Побачити інших
Після власної участі побачити, як інші люди інтерпретували той самий prompt.
- 04
Продовжити
Підписуватися, відповідати, писати повідомлення, зберігати прогрес в архіві й повертатися через сповіщення та leaderboard.
03 / Система продукту
Одне просте правило участі створює несподівано багато станів.
Продукт має розуміти, хто створив квест, хто може його побачити, чи відповів конкретний учасник, який тип proof дозволено, коли відкриваються replies і як локація або follower context змінює стрічку.
- Створення та планування квестів
- Обробка фото- й відеопідтверджень
- Discovery з урахуванням аудиторії та локації
- Replies, що відкриваються після відповіді
- Профілі, підписки та direct messages
- Leaderboards, архіви та сповіщення
- Модерація й адміністрування
04 / Дизайн і технічний підхід
Мобільний flow мав залишатися зрозумілим, навіть коли навколо змінювалися медіа, дозволи й правила аудиторії.
Questly використовує backend на Laravel із веб- і мобільними поверхнями, автентифікацією, завантаженням медіа, стрічками з урахуванням аудиторії, сповіщеннями та адмініструванням.
Дизайн не закінчується успішним upload. Дозвіл камери, незавершене підтвердження, недоступні медіа, закриті replies, порожній discovery та межі локації теж мають бути зрозумілими.
У результаті правило інтерфейсу й правило backend однакові: участь відбувається раніше за порівняння.
05 / Вибрані екрани
Інтерфейс у реальному контексті.
18 екранів
Переглянути всі 18 екранів+
Мобільний застосунок
17 екранівУчасть
Спільнота
Архів і налаштування
Створення
Спільна вебверсія
1 екранівСпільна вебверсія
Мобільний застосунок
06 / Складні рішення
Чого мене навчила розробка Questly.
- 01
Одне правило може сформувати весь продукт
Proof before reveal впливає на discovery, дозволи, replies, модерацію та емоційний ритм участі.
- 02
Локація потребує видимих меж
City та local-area сценарії мають залишатися корисними, не роблячи приватність чи очікування щодо аудиторії неоднозначними.
- 03
У media-flow більше способів зламатися, ніж у звичайної форми
Дозволи, зйомка, upload, processing і retry мають залишатися прямими на маленькому екрані.
- 04
Соціальні функції мають підтримувати основну дію
Підписки, replies, messages і leaderboards корисні лише тоді, коли підсилюють участь, а не замінюють її.
Наступний власний продукт
Watchmora↗