KizunaNote

回すたび、友だちのノートが少し近くなる。

KizunaNote is a mobile exchange-diary app for friend groups that recreates the feeling of passing around one shared notebook. Each group owns one notebook, and only the current holder can read or write the active page, keeping the experience intimate, nostalgic, and distinctly non-social-feed. It is designed for friends who want a cute, retro, low-pressure way to leave short updates, rankings, doodles, and reminders for the next person.

Business Goals

  • Reach 40% weekly active retention among new groups within 90 days of launch.
  • Achieve 25% of activated groups completing at least 3 handoffs within the first month.
  • Convert 8–12% of active groups to a paid plan within 6 months through history and theme upgrades.
  • Keep first-session setup completion above 70% and time-to-first-note below 10 minutes.
  • Drive 30% of usage from invites and group onboarding flows, indicating organic sharing and network growth.

User Goals

  • Let friends create one shared notebook per group and immediately start passing it around.
  • Make it obvious whose turn it is, who is next, and when the 3-day handoff deadline is approaching.
  • Allow short diary entries with optional rankings, doodles, and theme-based decoration.
  • Prevent the current page from being read or edited by anyone else once it is handed off.
  • Provide a cute, nostalgic notebook experience that feels different from normal chat or social apps.

Non-Goals

  • Do not build a general-purpose social network or public timeline.
  • Do not support long-form blogging, threaded comments, or reactions on diary pages.
  • Do not make chat the primary experience; it remains separate from the diary notebook.
  • Do not finalize monetization pricing, PDF export rules, or premium tier packaging in MVP.

High School Friend Group Leader, 17 - Keeps a small friend group active after school and wants a fun ritual everyone can participate in. They care about aesthetic, simplicity, and making sure the notebook actually gets passed around.

High School Friend Group Leader, 17

  • As a group leader, I want to create a notebook for my friends, so that we can all share one ongoing exchange diary.
  • As a member, I want to see that it is my turn and how many days remain, so that I do not miss the handoff deadline.
  • As a teen user, I want cute themes and doodles, so that the notebook feels nostalgic and fun rather than formal.

University Friend Member, 21 - Uses group chat constantly but wants something more thoughtful than ephemeral messaging. They need a place to leave short updates and see a record only when it is their turn.

University Friend Member, 21

  • As a member, I want to write a short entry in under a few minutes, so that I can keep up even on busy days.
  • As a current holder, I want to edit text, ranking, and doodles in one place, so that my page feels complete before I pass it on.
  • As a reader, I want to browse past pages with a notebook-like gesture, so that revisiting memories feels special.

Design-Minded Friend, 26 - Cares about visual expression and wants each notebook to feel customized to the group. They are likely to pay for themes and long-term archive access later.

Design-Minded Friend, 26

  • As a visual user, I want to choose a notebook theme and my own text color, so that my page feels personal and recognizable.
  • As a member, I want to add simple doodles and decorations, so that I can express myself without needing drawing skills.
  • As a returning user, I want to access older pages later, so that the notebook becomes a memory archive.

Notebook Ownership and Turn-Based Access · High priority

  • Each group owns exactly one notebook, and only the current holder can view or edit the active page. The app must enforce turn order and handoff deadlines to preserve the exchange-diary concept.
  • Support one notebook per group and allow one user to belong to multiple groups.
  • Only the current holder can open the active page in edit mode; others see read-only status and the current holder card.
  • When a page is handed off, the previous holder immediately loses access to the active page content except within defined history rules.
  • Support configurable turn order within a group, including reordering by an admin or group-approved member.
  • Show a 3-day handoff deadline with reminders before due, at due, and overdue.

Diary Page Editor · High priority

  • The diary page should support short text entries, ranking blocks, and doodles while staying lightweight and notebook-like. The editor must feel quick enough for casual use and mobile typing.
  • Limit main text content to a suggested range of 100 to 200 characters, with gentle guidance rather than a hard block unless product decides otherwise.
  • Allow users to create a ranked list with a custom title and any number of items, with a sensible default of 3 to 5 items.
  • Provide a doodle layer with simple strokes, icons, arrows, stars, hearts, and lightweight decorative elements.
  • Autosave drafts locally and remotely so users do not lose content if they leave mid-edit.
  • Validate empty submissions and show clear prompts when a user tries to hand off without content.

Notebook Viewing Experience · High priority

  • The main reading experience should mimic opening and flipping through a physical notebook rather than a feed. This is central to the product differentiation and must feel tactile and readable.
  • Home leads to notebook cover, then open action, then page view with page flip interaction.
  • Support horizontal swipe between pages with smooth page-turn animation and visible page numbers.
  • Display page metadata such as author, date, next holder, and deadline without cluttering the page.
  • Keep the notebook visual style paper-like with margins, subtle texture, and hand-written aesthetic cues.
  • Preserve accessibility with sufficient contrast, large tap targets, and reduced-motion fallback.

Group Chat and Member Context · Medium priority

  • Chat exists alongside the diary to coordinate handoffs and casual conversation, but it must remain visually and functionally separate from notebook pages.
  • Provide a group-level chat room accessible from the group or notebook context.
  • Support plain text messages, timestamps, and read state at minimum for MVP.
  • Keep chat off the notebook reading surface to avoid making the app feel like a messaging app.
  • Show member list and current turn information within group context for coordination.
  • Ensure chat notifications do not overwhelm diary handoff reminders.

Profile, Settings, and Theme Personalization · Medium priority

  • Users need a personal profile, color identity, and basic settings to support identity and long-term engagement. Themes should reinforce the retro aesthetic without hurting usability.
  • Allow user profile image, display name, bio, group memberships, and favorite text color.
  • Let users set text color using HEX or RGB values with readability checks against the paper background.
  • Provide theme selection for notebooks, including color palettes and decorative styles.
  • Include notification, reminder, privacy, account, and appearance settings.
  • Keep theme changes scoped per notebook where needed and avoid global settings conflicts.

First-Time User Experience

  • Sign up or log in with email, Apple, or Google in under 60 seconds.
  • Create or join a group notebook using an invite link or code.
  • See the notebook cover card, current holder, and due date immediately on the home screen.
  • Tap the notebook cover to open the notebook and land on the active page.
  • If it is the user’s turn, show a clear write prompt and start the editor in less than 10 minutes from signup.
  • If it is not their turn, allow read-only browsing with page flip gestures and chat access from the group context.

1. Home Dashboard

  • Users land on a home screen showing all notebooks they participate in, with the most urgent notebook emphasized.
  • Highlight notebooks where it is the user’s turn with a distinct badge and stronger color contrast.
  • Show next holder, due date, and unread chat indicator separately.
  • Handle empty state with a prompt to create or join a notebook.

2. Notebook Cover and Open

  • Tapping a notebook opens a cover view before entering the pages, mimicking a physical notebook being picked up.
  • Use a short open animation and keep the cover identity tied to the selected theme.
  • Prevent accidental open with a clear tap target and back navigation.
  • If the notebook is locked to another holder, show read-only access messaging and the current holder identity.

3. Page Reading and Flipping

  • The page viewer centers on one page at a time and uses swipe gestures to move through entries.
  • Support left and right swipe with page curl or slide animation.
  • Show metadata at the top or footer without blocking the content.
  • If history access is limited, gracefully block older pages with a lock state and upgrade prompt only where relevant.

4. Write and Decorate

  • When it is the user’s turn, the edit experience lets them compose a short diary entry, optional ranking, and doodles in one flow.
  • Autosave draft content continuously and confirm save status visibly.
  • Validate empty content, excessive ranking items, and unsupported colors or doodle actions.
  • Provide a simple step progression: text, ranking, doodle, preview, handoff.

5. Handoff and Notification

  • After saving, the user hands the notebook to the next member, triggering status changes and reminders.
  • Lock the page for the current user after handoff completes.
  • Notify the next member immediately and update the home badge state.
  • If the due date passes, escalate reminder intensity without sending duplicate spam.

Advanced Features and Edge Cases

  • Per-notebook design themes with seasonal packs and premium-only styles.
  • Long-term archive access with gated history beyond the free retention window.
  • PDF export of a selected date range as a premium archival feature.
  • Notebook order editing with admin approval or group voting.
  • Conflict handling for simultaneous access attempts, stale drafts, and offline edits.
  • Archive view for completed notebooks or closed groups.

Visual and Interaction Principles

  • Use a notebook-first layout with paper texture, margins, and page numbers.
  • Keep typography readable even with retro styling; prioritize contrast and legibility.
  • Use cute but restrained accents such as hearts, stars, stickers, and pastel color palettes.
  • Include reduced-motion alternatives for page flip animations.
  • Optimize key flows for one-handed mobile use with large tap targets and thumb-friendly controls.
  • Make loading and handoff transitions feel intentional with short, polished animations.

Mika is in two friend groups and normally loses track of who should post what. In chat, reminders feel noisy, and a standard diary app feels too private and static to share with friends.

With KizunaNote, Mika opens the home screen and instantly sees that one notebook is her turn. She taps the cover, writes a short note, adds a ranking and a few doodles, then hands it to the next friend with a single action. The notebook now feels like a shared ritual instead of another app notification.

A week later, the group is still active because every turn feels intentional and easy. For the product, that means higher retention, more handoffs completed, and a stronger chance of premium conversion when the group wants themes, archive access, or PDF keepsakes.

User-Centric Metrics

  • 85% of users understand the current holder and next holder within 10 seconds of opening the home screen.
  • 70% of first-time users complete group join or creation and open a notebook within 10 minutes.
  • 60% of active notebooks complete at least one handoff within 7 days.
  • 50% of diary pages include at least one optional enhancement such as ranking or doodle.
  • 90% of users rate the notebook experience as more special than a normal chat post in post-task feedback.

Business Metrics

  • 40% weekly retention for activated groups by day 90.
  • 25% of active groups complete 3 or more handoffs in the first month.
  • 8–12% conversion to paid plan within 6 months from active groups.
  • 20% month-over-month growth in invites sent during the first two quarters.
  • Reduce churn of newly created groups below 35% in the first 30 days.

Technical Metrics

  • 99.9% monthly uptime for core notebook and handoff flows.
  • Page open and home dashboard render under 2 seconds on average on mid-range mobile devices.
  • Critical write and handoff actions complete with fewer than 1% failed submissions.
  • All authenticated API calls use encrypted transport and audit logging for ownership changes.

Tracking Plan

  • Track signup_completed with auth provider and acquisition source.
  • Track group_created and group_joined to measure activation.
  • Track notebook_opened and page_flipped to measure reading engagement.
  • Track diary_edit_started, diary_saved, and handoff_completed to measure core workflow completion.
  • Track reminder_sent and reminder_opened to assess deadline effectiveness.
  • Track theme_selected and doodle_added to understand personalization usage.
  • Track paywall_viewed and premium_upgraded once monetization is enabled.

Technical Needs

  • Mobile-first web or cross-platform app using React Native or Next.js with responsive mobile layouts.
  • Backend API with Node.js and TypeScript, using REST or GraphQL for notebooks, pages, chat, and memberships.
  • Primary database in PostgreSQL for relational group, notebook, page, and permission data.
  • Real-time updates for chat and handoff status using WebSockets or a managed realtime service.
  • Object storage such as AWS S3 or Cloudflare R2 for doodle exports, profile images, and future PDF files.
  • Background jobs and scheduled reminders using BullMQ, Cloud Tasks, or a managed queue.
  • Feature flags and remote config for theme rollout and premium experiments.

Integration Points

  • Auth0, Clerk, Firebase Auth, or Sign in with Apple and Google for authentication.
  • Push notifications via Firebase Cloud Messaging and Apple Push Notification service.
  • Analytics via Amplitude, Mixpanel, or PostHog.
  • Email service such as SendGrid or Resend for verification and reminder fallback.
  • Optional payment integration with Stripe for future premium plans.

Data Storage & Privacy

  • Store only the minimum needed personal data: display name, avatar, email, group memberships, and notebook content.
  • Encrypt data in transit and at rest, and separate notebook content access by group membership and current holder role.
  • Support deletion requests and export requests for GDPR and CCPA compliance.
  • Retain audit records for handoffs, but limit sensitive content retention according to product policy.
  • Apply clear privacy controls for profile visibility, group membership visibility, and chat participation.

Scalability & Performance

  • Optimize notebook page rendering for fast image and text display on low-end phones.
  • Paginate history so older pages are loaded on demand rather than all at once.
  • Use caching for home dashboard summaries and notebook metadata.
  • Ensure realtime chat and reminder jobs do not block diary save operations.

Potential Challenges

  • Risk: users may think the app is just another chat app. Mitigation: prioritize the notebook cover, turn state, and page-flip interaction in onboarding and home.
  • Risk: access control bugs could expose a page to the wrong person. Mitigation: enforce server-side authorization on every page read and write request, plus integration tests for turn changes.
  • Risk: retro visuals could reduce readability. Mitigation: design with accessibility contrast checks and reduced-motion alternatives.
  • Risk: users may forget to hand off within 3 days. Mitigation: layered reminders in app, push, and optional email, plus clear deadline UI.
  • Risk: doodles and themes may become expensive to render on mobile. Mitigation: use lightweight vector/stroke rendering and limit canvas complexity in MVP.

Team & resourcing - Small product team - 2 mobile/full-stack engineers, 1 product designer, part-time PM, and QA support as needed.

Phase 1: MVP Notebook Flow · Weeks 1–4

  • Authentication and profile basics
  • Create/join group notebook
  • Home dashboard with turn status
  • Notebook cover, open animation, page view, and page flip gestures
  • Basic diary editor with short text and handoff
  • Server-side permissions for current holder only

Phase 2: Personalization and Coordination · Weeks 5–8

  • Ranking editor and doodle input
  • User text color settings with readability checks
  • Group chat and member list
  • Deadline reminders and notification preferences
  • Theme selection for a few default notebook styles
  • Improved empty states and onboarding

Phase 3: History and Retention · Weeks 9–12

  • Past page browsing with retention limits for free users
  • Archive browsing and locked history states
  • Analytics instrumentation and event dashboards
  • Stability, performance, and accessibility pass
  • Invite links, group role controls, and handoff ordering tools

Phase 4: Monetization Ready Enhancements · Weeks 13–16

  • Premium theme packs
  • Extended history access
  • PDF export prototype
  • Stripe billing integration
  • Feature flagging and pricing experiments

Paste this into Cursor, Bolt, Lovable, or v0 to start building.

Build a mobile-first app called KizunaNote, a nostalgic exchange-diary product where each group owns exactly one shared notebook. Use a modern stack such as Next.js or React Native with TypeScript, PostgreSQL, and a Node.js API. Create a polished prototype with realistic data and working navigation.

Core product rules:
Each group has one notebook. One user can belong to multiple groups. Only the current holder can read/edit the active page. The notebook rotates by fixed or editable turn order. The handoff deadline is 3 days. When handed off, the previous holder loses access to the active page content. Group chat exists separately from the notebook.

Primary screens:
Login and signup
Home dashboard showing all joined notebooks with turn status, next holder, due date, and a prominent your turn state
Notebook cover screen
Notebook page reader with swipe/page-flip interaction
Current holder editor with short text, custom ranking, and doodle layer
Ranking entry screen
Doodle/canvas entry screen
Group member list
Group chat screen
Profile screen with avatar, bio, group list, and text color
Settings screen
Theme selection screen for notebook designs

UX requirements:
Use a cute Heisei-era retro style with notebook paper texture, pastel colors, stickers, hearts, stars, and hand-written cues, while keeping it readable and mobile-friendly. The notebook reading experience must feel like opening a physical notebook, not a feed. Add cover-open animation, page numbers, metadata for author/date/next holder/due date, and reduced-motion fallback.

Data model:
Users, groups, group_memberships, notebooks, notebook_pages, page_rankings, page_doodles, turn_order, handoff_events, chat_messages, themes, user_color_preferences, notifications, and reminder_jobs. Enforce authorization on the server so only the current holder can edit the active page.

Build details:
Use REST or GraphQL APIs, a relational schema in PostgreSQL, realtime updates for chat and handoff status, and push notification-ready hooks. Include seed data for at least three groups and realistic notebook pages. Make the prototype interactive enough to demonstrate flows from home to notebook open to page browse to edit to handoff to chat.

Business Idea

# 交換日記アプリ UI / UX プロトタイプ仕様書 ## 1. アプリ概要 複数人で1冊の交換日記を順番に回していくスマートフォン向けアプリ。 「実際の交換日記を回している感覚」をデジタル上で再現することを重視する。 コンセプトは、 * 平成っぽい * かわいい * 懐かしい * ノート・手帳感がある * 友達同士で使いたくなる という雰囲気。 単なるSNSや日記アプリではなく、「みんなで1冊のノートを回す」という体験を中心にする。 --- # 2. 基本構造 ## グループ 1グループにつき1冊の交換日記を持つ。 * 1グループ = 1冊の交換日記 * 1ユーザーは複数グループに所属可能 * ノートのメンバー = グループのメンバー * グループチャットは交換日記本体とは別機能 例: 「高校の友達」というグループ ↓ 「高校の友達ノート」という1冊の交換日記 「大学の友達」という別グループ ↓ 別の交換日記 --- # 3. 交換日記の基本ルール ## ノートを回す 1冊のノートをメンバー間で順番に回す。 例: A → B → C → D → A 順番は固定ではなく、グループ内で変更できる。 ### 現在の持ち主 現在ノートを持っているユーザーだけが、そのページを閲覧・編集できる。 自分の番になったら日記を書く。 日記を書き終えたら次のメンバーへ渡す。 ### 引き渡し 次の担当者への引き渡し期限は「3日以内」。 期限が近づいた場合や期限を過ぎた場合はリマインダーを表示する。 ノートを次の人へ渡した瞬間、前の持ち主はその本文を閲覧できなくなる。 「自分の番だけ書ける」という交換日記らしさを重視する。 --- # 4. 日記ページ 1人につき1ページ。 ページは紙のノートのようなデザインにする。 ## 基本文 短い自由記述。 文字数は100〜200文字程度を想定。 長文ブログのようにはせず、手書きの日記に近い短さにする。 ## ランキング ユーザー自身がテーマを決めてランキングを作れる。 例: 「今週好きだった曲BEST3」 1位:○○ 2位:○○ 3位:○○ ランキング項目・タイトルはユーザーが自由に設定できる。 ## 手書き・落書き ページ上に手書きの落書きを追加できる。 文章を手書き入力する機能ではなく、 「落書き・イラスト・ちょっとした装飾」 として使う。 例: * ハート * 星 * 顔 * 矢印 * 簡単なイラスト --- # 5. メンバーごとの文字色 メンバーごとに自分の文字色を設定できる。 文字色はRGB / HEX等で設定可能。 誰が書いたページなのか、色でも分かるようにする。 ただし、色は読みやすさを損なわないようにする。 --- # 6. ノート閲覧画面 交換日記を「普通のSNS投稿一覧」のようには見せない。 実際のノートを開いてページをめくっているようなUIにする。 ## ノートを開く ホーム画面からノートを選択 ↓ ノートの表紙を表示 ↓ タップしてノートを開く ↓ 日記ページを表示 ## ページめくり 左右スワイプでページをめくる。 紙のノートのようなページめくりアニメーションを使用する。 可能であれば、 * ページ番号 * ノートの表紙 * 紙の質感 * ページの余白 * 手書き感 などを表現する。 --- # 7. ノートを開いた後の画面 現在表示しているページを中心にする。 ページ上部などに、 * 現在のページを書いたユーザー * 日付 * 次の担当者 * 引き渡し期限 などを表示できる。 自分の番の場合のみ、 「日記を書く」 ボタンを表示する。 自分の番ではない場合は閲覧専用。 --- # 8. 自分の番の画面 現在の担当者が「日記を書く」を押すと編集画面へ移動。 編集できる内容: ### 本文 100〜200文字程度の自由記述。 ### ランキング ユーザーが自由にテーマを設定。 ### 落書き 手書きで自由に描ける。 ### 装飾 平成っぽいかわいい雰囲気を作れる装飾を想定。 ただし、MVPでは必要最低限の機能でもよい。 --- # 9. ホーム画面 ログイン後、最初に表示するメイン画面。 自分が参加している交換日記を一覧表示する。 例: 「参加中のノート」 ┌─────────────┐ │ 🌸 放課後メンバー │ │ 次は あいちゃん │ │ あと2日 │ └─────────────┘ ┌─────────────┐ │ 💙 大学メンバー │ │ あなたの番! │ │ 日記を書こう │ └─────────────┘ ノートごとに、 * ノート名 * 表紙 * 現在の担当者 * 次の担当者 * 引き渡し期限 * 自分の番かどうか などを分かりやすく表示。 「自分の番」のノートは特に目立たせる。 --- # 10. 下部ナビゲーション 基本構成: * ホーム * プロフィール * 設定 グループチャット機能も存在する。 チャットを独立した下部ナビゲーションにするか、グループ/ノート画面からアクセスするかはUI上で検討する。 現時点では「ホーム・プロフィール・設定」を基本ナビゲーションとして扱う。 --- # 11. グループチャット 交換日記とは別に、グループメンバー同士で会話できる機能。 目的: * 「次の人、早く回して〜!」 * 「今回のお題どうする?」 * 普通の雑談 など。 交換日記のページそのものとは分離する。 グループ単位でチャットを持つ。 --- # 12. プロフィール画面 ユーザー自身のプロフィールを表示。 想定項目: * プロフィール画像 * ユーザー名 * 自己紹介 * 所属しているグループ / ノート * 自分の文字色 平成っぽいプリクラ・プロフィール帳のような可愛い雰囲気を取り入れる。 --- # 13. 設定画面 基本的なアプリ設定をまとめる。 想定項目: * アカウント設定 * 通知設定 * リマインダー設定 * デザイン設定 * プライバシー設定 * その他設定 --- # 14. デザインコンセプト 全体的に「平成のかわいい交換日記」をイメージ。 方向性: * ノート * 手帳 * プリクラ * シール * 落書き * キラキラ * ハート * 星 * 手書き文字 * カラフル * 友達同士 ただし、現在のスマートフォンアプリとして使いやすいUIにする。 「平成レトロ」だけに寄せすぎて操作性が悪くならないようにする。 --- # 15. デザインテーマ機能 将来的に、ノートのデザインテーマを選択できるようにする。 例: * ピンク系 * ブルー系 * ハート * 星 * シンプル * 平成ギャル風 * ゆめかわ系 * 手帳風 など。 ユーザーが自分の好みに合わせてノートのデザインを変更できる。 テーマは複数用意する想定。 --- # 16. 過去の日記 過去のページをノートとして振り返れる。 ページをめくる感覚で過去の日記を閲覧する。 無料ユーザー: 直近2か月程度まで閲覧可能。 有料プラン: 過去ログをより長期間閲覧可能、または無制限を想定。 ※料金・具体的な期間は未確定。 --- # 17. PDF化 将来的な機能として、交換日記をPDF化できるようにする。 例えば、 「2026年 春〜夏の交換日記」 のように、一定期間のページをまとめて保存できる。 実際の交換日記を卒業アルバムのように残せる体験を想定。 これはMVPでは必須ではない。 --- # 18. 収益化 基本的な交換日記機能は無料で利用できる形を想定。 有料機能の候補: * 過去ログの無制限閲覧 * デザインテーマ追加 * 特別なノートデザイン * PDF化 * その他プレミアム装飾 MVP完成後に収益化機能を追加する想定。 料金は未確定。 --- # 19. 主要画面 まず以下の画面をプロトタイプとして作成する。 1. ログイン / 新規登録 2. ホーム 3. ノート選択 4. ノート表紙 5. 日記ページ閲覧 6. 自分の番の日記ページ 7. 日記作成・編集 8. ランキング入力 9. 落書き入力 10. ノートメンバー一覧 11. グループチャット 12. プロフィール 13. 設定 14. デザインテーマ選択 --- # 20. 重要なUX 最も重要なのは「アプリを開いた瞬間に、交換日記を回している感覚が分かること」。 一般的な日記アプリやSNSのように、 「投稿を作る → タイムラインに投稿する」 という構造にはしない。 以下の体験を優先する。 ホーム ↓ 参加中のノートを見る ↓ ノートを選ぶ ↓ 表紙を開く ↓ ページをめくる ↓ 自分の番なら日記を書く ↓ 次の人へ渡す ↓ 次の担当者に通知 --- # 21. Figmaプロトタイプで重視すること スマートフォン画面としてデザインする。 特に以下を実際に操作できるプロトタイプにする。 ### フロー1:通常閲覧 ホーム → ノート選択 → 表紙 → ページを開く → 左右スワイプでページ移動 ### フロー2:自分の番 ホーム → 「あなたの番」と表示されたノート → ノートを開く → 「日記を書く」 → 編集画面 → 本文入力 → ランキング → 落書き → 保存 → 次の担当者へ渡す ### フロー3:グループチャット ホーム → ノート / グループ → チャット → メッセージ送信 --- # 22. Figmaに求める成果物 この仕様をもとに、以下を作成する。 * スマートフォン向けUI * 画面一覧 * 画面遷移 * 主要画面の高精度プロトタイプ * ノートを開くアニメーション * ページめくりのインタラクション * 自分の番 / 他人の番の状態差 * 平成っぽい可愛いデザイン * ホーム画面 * ノート閲覧画面 * 日記作成画面 * グループチャット * プロフィール * 設定 デザインだけでなく、実際にアプリを操作しているように感じられるプロトタイプにする。 --- # 23. Figma側で勝手に変更しないこと 以下の基本仕様は変更しない。 * 1グループにつき1冊のノート * 1ユーザーは複数グループに所属可能 * 現在の持ち主だけが現在ページを閲覧・編集できる * ノートはメンバー間で順番に回す * 引き渡し期限は3日以内 * 順番は変更可能 * 100〜200文字程度の短文 * ユーザー定義ランキング * 手書きは主に落書き用途 * メンバーごとの文字色 * ノートはページをめくるUI * ホームには参加中のノートを表示 * グループチャットは交換日記とは別機能 * 平成っぽいかわいいデザイン 未確定の仕様については、勝手に決定せず「要検討」として扱う。

Make My PRD

Design by The Resonance | Powered by GPC – The AI Transformation Company

    PRD: # 交換日記アプリ UI / UX プロトタイプ仕様書 ## 1