スクロール1
スクロール2
スクロール3
スクロール4

-詳細-

detail

制作物名

title
CalmNote – Wellness Note App

制作期間

term

デザイン: 2日

コーディング: なし

使用ツール

tool

目的

purpose

「毎日の気持ちを無理なく整えられる、“やさしいノートアプリ” を自分の手でゼロから設計してみたい」
という目的で制作しました。

情報設計・UIデザイン・ブランド構築・Webページ構成まで、
プロダクトを一貫してデザインできる力を身につけるための
自主制作プロジェクトです。

また、SaaS系サービスの構成理解(Features → Product → Pricing)の習得も兼ね、
実案件に近い形でデザインを組み立てました。

対象

terget

•忙しい日々の中で気持ちを整理したい20〜40代
•日記・メモ・感情ログを負担なく使いたい層
•ミニマルで柔らかいデザインを好むユーザー
•情報が散らかりやすく、一箇所にまとめたい人

設計意図

design

1. 落ち着きを感じるトーン設計
背景色、影、角丸を統一し、どのページも静かに整って見えるように調整。

2. ポートフォリオとしての見せ方を重視
Features → Product → About → Pricing の流れで
“アプリを理解していく構造”に。

3. UIギャラリーを整理して配置
AI生成したUI素材をFigma上で整列させ、
プロダクトサイトらしいグリッド構成に。

4. Aboutページで世界観と言語化をセット
Calm / Organize / Sustain のキーワードで
アプリの思想を視覚と言葉でまとめました。

5. PricingページはSaaSを参考に設計
Free / Plus / Premium の3プラン構成と比較表を作成。
Webサイトとして自然な導線になるよう工夫。