デジタルマーケティングキャンペーン
瞑想アプリのブラックフライデー販促セール
UIUX
HPデザイン
マーケティング
デジタルマーケティングキャンペーン
瞑想アプリのブラックフライデー販促セール
UIUX
HPデザイン
マーケティング
担当
UIUXデザイナー
マーケター
ツール
Figma
Google Analytics
ヒートマップ
Microsoft Clarity
タイムライン
2025年5月
担当
UIUXデザイナー
マーケター
ツール
Figma
Google Analytics
ヒートマップ
Microsoft Clarity
タイムライン
2025年5月
プロジェクト概要
背景と目的
学校の課題として、架空の瞑想アプリ「MindEase」のデジタルマーケティングキャンペーンを企画・デザインしました。
このキャンペーンでは、統一感のあるブランディング、レスポンシブなランディングページ、プラットフォームごとに最適化された広告を通じて、無料ユーザーをプレミアムプランへ転換することを目的としました。
プロジェクト概要
背景と目的
学校の課題として、架空の瞑想アプリ「MindEase」のデジタルマーケティングキャンペーンを企画・デザインしました。
このキャンペーンでは、統一感のあるブランディング、レスポンシブなランディングページ、プラットフォームごとに最適化された広告を通じて、無料ユーザーをプレミアムプランへ転換することを目的としました。
ブランド概要
人々が日常生活の自然な一部としてマインドフルネスを体験できるようにし、最も必要なときに落ち着き、集中力、感情的バランスをもたらすこと。
ビジョン
MindEaseは、ガイド付きの瞑想、気分トラッキング、および日々のマインドフルネスツールを通じて、人々が自己と再接続するのを助けます。私たちは、忙しい生活にフィットする穏やかで歓迎するスペースを提供することを目指しています。
ミッション
ブランド概要
人々が日常生活の自然な一部としてマインドフルネスを体験できるようにし、最も必要なときに落ち着き、集中力、感情的バランスをもたらすこと。
ビジョン
MindEaseは、ガイド付きの瞑想、気分トラッキング、および日々のマインドフルネスツールを通じて、人々が自己と再接続するのを助けます。私たちは、忙しい生活にフィットする穏やかで歓迎するスペースを提供することを目指しています。
ミッション
コアバリュー
マインドフルネス
すべては意識することから始まる
平和
落ち着いた心が、落ち着いた日常をつくる
シンプルさ
ミニマルなデザイン、直感的な使いやすさ
コアバリュー
マインドフルネス
すべては意識することから始まる
平和
落ち着いた心が、落ち着いた日常をつくる
シンプルさ
ミニマルなデザイン、直感的な使いやすさ
課題と目標
人々が日常生活の自然な一部としてマインドフルネスを体験できるようにし、最も必要なときに落ち着き、集中力、感情的バランスをもたらすこと。
ゴール
課題
競争が激しいブラックフライデーの週末に、瞑想アプリのための高いコンバージョン率を持ち、信頼性を築くデジタルキャンペーンを作成すること。
明確で一貫性のあるメッセージをメール、ランディングページ、ソーシャルメディアフォーマット全体で配信すること。
無料ユーザーに期間限定の50％オフオファーでプレミアムへのアップグレードを促すこと。
アプリの落ち着きと安らぎを感じさせるブランドイメージを保ちながら、押しつけがましい表現や売り込み感の強いビジュアルは避けるようにすること。
人々が日常生活の自然な一部としてマインドフルネスを体験できるようにし、最も必要なときに落ち着き、集中力、感情的バランスをもたらすこと。
キーポイント
課題と目標
人々が日常生活の自然な一部としてマインドフルネスを体験できるようにし、最も必要なときに落ち着き、集中力、感情的バランスをもたらすこと。
ゴール
課題
競争が激しいブラックフライデーの週末に、瞑想アプリのための高いコンバージョン率を持ち、信頼性を築くデジタルキャンペーンを作成すること。
明確で一貫性のあるメッセージをメール、ランディングページ、ソーシャルメディアフォーマット全体で配信すること。
無料ユーザーに期間限定の50％オフオファーでプレミアムへのアップグレードを促すこと。
アプリの落ち着きと安らぎを感じさせるブランドイメージを保ちながら、押しつけがましい表現や売り込み感の強いビジュアルは避けるようにすること。
人々が日常生活の自然な一部としてマインドフルネスを体験できるようにし、最も必要なときに落ち着き、集中力、感情的バランスをもたらすこと。
キーポイント
ペルソナ
ペルソナ 1
基本情報
名前
アレックス
年齢
33
職業
リモートで働くUXデザイナー
ゴール
不安を減らし、より現在に集中する
一貫したマインドフルネスの習慣を築く
ペインポイント
常にズーム疲れ
仕事と家庭の生活を分ける難しさ
眠れず、集中力を保つのが難しい
なぜMindEaseなのか？
会議の合間の短い瞑想
より良い休息のための眠る物語
日々の振り返りのための気分追跡
ペルソナ2
基本情報
名前
Maya
年齢
21
職業
大学生（心理学専攻）
ゴール
バランスの取れた日常ルーティーンを作成する
感情を管理するためにマインドフルネスを学ぶ
ペインポイント
試験と締め切りに圧倒されている
過剰なスクリーンタイム/ソーシャルメディア疲れ
彼女は心の健康を向上させたいと思っています
なぜMindEaseなのか？
シンプルな日常の落ち着く儀式
ガイド付きジャーナルと気分トラッキング
広告なし、ただ純粋で平和な集中
ペルソナ
ペルソナ 1
基本情報
名前
アレックス
年齢
33
職業
リモートで働くUXデザイナー
ゴール
不安を減らし、より現在に集中する
一貫したマインドフルネスの習慣を築く
ペインポイント
常にズーム疲れ
仕事と家庭の生活を分ける難しさ
眠れず、集中力を保つのが難しい
なぜMindEaseなのか？
会議の合間の短い瞑想
より良い休息のための眠る物語
日々の振り返りのための気分追跡
ペルソナ2
基本情報
名前
Maya
年齢
21
職業
大学生（心理学専攻）
ゴール
バランスの取れた日常ルーティーンを作成する
感情を管理するためにマインドフルネスを学ぶ
ペインポイント
試験と締め切りに圧倒されている
過剰なスクリーンタイム/ソーシャルメディア疲れ
彼女は心の健康を向上させたいと思っています
なぜMindEaseなのか？
シンプルな日常の落ち着く儀式
ガイド付きジャーナルと気分トラッキング
広告なし、ただ純粋で平和な集中
Visual Identity
Logo Concept
MindEase
MindEase
Bird
Leave
Lotus
MindEaseのロゴは、「葉」「鳥」「蓮」の3つの自然の要素からインスピレーションを受けてデザインされています。それぞれのシンボルは、ブランドの価値観や感情的なトーンを丁寧に表現しています。 葉は、シンプルさ、成長、自然とのつながりを象徴しています。鳥は、穏やかさや心の自由を表し、「立ち止まって深呼吸を」とやさしく語りかける存在です。そして蓮は、純粋さ、強さ、再生というより深い意味を持ち、マインドフルネスを通じて得られる内面的な変化を表現しています。 これらの要素が一つになって、落ち着きと調和のあるビジュアル・アイデンティティを形づくり、日常に「明晰さ」と「やすらぎ」を届けたいというアプリのミッションを支えています。
タイポグラフィ
ロゴフォント
A
a
Montserrat
Alternates
ミディアム
MindEase
MindEase
MindEase
見出しフォント
A
a
Outfit
セミボールド
セミボールド 80px - 見出し 1
セミボールド 64px - 見出し 2
セミボールド 48px - 見出し 3
セミボールド 40px - 見出し 4
セミボールド 32px - 見出し 5
セミボールド 30px - ヘッディング 6
セミボールド 24px - 見出し 7
セミボールド 20ピクセル - 見出し8
セミボールド 18px - 見出し 9
セミボールド 16px - ヘッディング 10
本文フォント
A
a
Outfit
レギュラー
通常 48px - 本文 1
通常の40px - ボディ2
通常の32px - ボディ3
レギュラー 24px - ボディ 4
通常の20px - 本文5
通常の16px - 本文6
Color Palette
このやわらかなオフホワイトは、メインの背景色として選ばれました。清潔感と落ち着きを感じさせる空間をつくり出し、全体に軽やかさと静けさをもたらします。他の要素が呼吸するように際立ち、余計なノイズなく引き立つよう配慮されています。
レイアウトに焦点と構造をもたらしながら、ブランドが大切にするマインドフルネスや自然とのつながりを強調します。落ち着きがありながらも芯のあるトーンで、強調しすぎることなく、明瞭さを支えてくれます。
オフホワイト
メインカラー
HEX #F9F5EF
R: 249 G: 245 B:239
ライトグリーン
HEX #85AC85
R: 133 G: 172 B:133
セカンダリーカラー
アクセントカラー 1
緑
HEX #389A6E
R: 56 G: 154 B:110
アクセントカラー2
オレンジ
HEX #FD7140
R: 253 G: 113 B:64
自然からインスピレーションを得た落ち着いたグリーンは、心のバランスと再生を促す色です。
マインドフルネスや自然な心の健やかさとのつながりを感じさせつつ、落ち着きと信頼感のある印象を与えてくれます。
この温かみのあるエネルギッシュなオレンジは、主に行動喚起ボタンに使用されており、適度な緊迫感を生み出し、ユーザーのアクションを促します。
黒
HEX #494949
R: 73 G: 73 B:73
ダークパープル
HEX #674253
R: 103 G: 66 B:83
白
HEX #674253
R: 103 G: 66 B:83
ソフトグリーン
HEX #D0DBCA
R:208 G: 219 B:202
Visual Identity
Logo Concept
MindEase
MindEase
Bird
Leave
Lotus
MindEaseのロゴは、「葉」「鳥」「蓮」の3つの自然の要素からインスピレーションを受けてデザインされています。それぞれのシンボルは、ブランドの価値観や感情的なトーンを丁寧に表現しています。 葉は、シンプルさ、成長、自然とのつながりを象徴しています。鳥は、穏やかさや心の自由を表し、「立ち止まって深呼吸を」とやさしく語りかける存在です。そして蓮は、純粋さ、強さ、再生というより深い意味を持ち、マインドフルネスを通じて得られる内面的な変化を表現しています。 これらの要素が一つになって、落ち着きと調和のあるビジュアル・アイデンティティを形づくり、日常に「明晰さ」と「やすらぎ」を届けたいというアプリのミッションを支えています。
タイポグラフィ
ロゴフォント
A
a
Montserrat
Alternates
ミディアム
MindEase
MindEase
MindEase
見出しフォント
A
a
Outfit
セミボールド
セミボールド 80px - 見出し 1
セミボールド 64px - 見出し 2
セミボールド 48px - 見出し 3
セミボールド 40px - 見出し 4
セミボールド 32px - 見出し 5
セミボールド 30px - ヘッディング 6
セミボールド 24px - 見出し 7
セミボールド 20ピクセル - 見出し8
セミボールド 18px - 見出し 9
セミボールド 16px - ヘッディング 10
本文フォント
A
a
Outfit
レギュラー
通常 48px - 本文 1
通常の40px - ボディ2
通常の32px - ボディ3
レギュラー 24px - ボディ 4
通常の20px - 本文5
通常の16px - 本文6
Color Palette
このやわらかなオフホワイトは、メインの背景色として選ばれました。清潔感と落ち着きを感じさせる空間をつくり出し、全体に軽やかさと静けさをもたらします。他の要素が呼吸するように際立ち、余計なノイズなく引き立つよう配慮されています。
Main color
レイアウトに焦点と構造をもたらしながら、ブランドが大切にするマインドフルネスや自然とのつながりを強調します。落ち着きがありながらも芯のあるトーンで、強調しすぎることなく、明瞭さを支えてくれます。
Accent color 1
オフホワイト
メインカラー
HEX #F9F5EF
R: 249 G: 245 B:239
ライトグリーン
HEX #85AC85
R: 133 G: 172 B:133
セカンダリーカラー
アクセントカラー 1
緑
HEX #389A6E
R: 56 G: 154 B:110
アクセントカラー2
オレンジ
HEX #FD7140
R: 253 G: 113 B:64
自然からインスピレーションを得た落ち着いたグリーンは、心のバランスと再生を促す色です。
マインドフルネスや自然な心の健やかさとのつながりを感じさせつつ、落ち着きと信頼感のある印象を与えてくれます。
Secondary color
この温かみのあるエネルギッシュなオレンジは、主に行動喚起ボタンに使用されており、適度な緊迫感を生み出し、ユーザーのアクションを促します。
Secondary color
黒
HEX #494949
R: 73 G: 73 B:73
ダークパープル
HEX #674253
R: 103 G: 66 B:83
白
HEX #674253
R: 103 G: 66 B:83
ソフトグリーン
HEX #D0DBCA
R:208 G: 219 B:202
ワイヤーフレーム
ランディングページ
ニュースレター
ソーシャルメディア広告
ワイヤーフレーム
ランディングページ
ニュースレター
ソーシャルメディア広告
ランディングページのハイ・フィデリティプロトタイプ
iphone 16
mockup
393×852
6.1’
iphone 16
mockup
393×852
6.1’
iphone 16
mockup
393×852
6.1’
UIデザインと意図
ランディングページのハイ・フィデリティプロトタイプ
iphone 16
mockup
393×852
6.1’
iphone 16
mockup
393×852
6.1’
iphone 16
mockup
393×852
6.1’
UIデザインと意図
ニュースレターとソーシャルメディアのハイ・フィデリティプロトタイプ
ニュースレターとソーシャルメディアのハイ・フィデリティプロトタイプ
Landing Page
Landing Page
デザインのハイライト
すべてのプラットフォームで統一感のあるユーザー体験を提供するために、タイポグラフィ、配色、ボタンのスタイルをすべてのデザイン要素で統一しました。
一貫したビジュアル言語
CTAやカウントダウンセクションには、補色として効果的に注意を引きつけながら視覚的なバランスを保つために、緑とオレンジが使用されました。
コントラストの戦略的使用
ソフトなオフホワイトとナチュラルなグリーンのトーンは、ブランドのマインドフルネスの価値を反映し、プロモーションの場でも落ち着きの感覚を保つために選ばれました。
ブランドの冷静さを維持する
カウントダウンタイマー、利益に焦点を当てた箇条書き、そして明確で視覚的に異なるCTAボタンが使用されて、緊急感を生み出し、期間限定オファーの際にユーザーをアップグレードへと導きました。
タイムリーなアップグレードを促す
デザインのハイライト
すべてのプラットフォームで統一感のあるユーザー体験を提供するために、タイポグラフィ、配色、ボタンのスタイルをすべてのデザイン要素で統一しました。
一貫したビジュアル言語
CTAやカウントダウンセクションには、補色として効果的に注意を引きつけながら視覚的なバランスを保つために、緑とオレンジが使用されました。
コントラストの戦略的使用
ソフトなオフホワイトとナチュラルなグリーンのトーンは、ブランドのマインドフルネスの価値を反映し、プロモーションの場でも落ち着きの感覚を保つために選ばれました。
ブランドの冷静さを維持する
カウントダウンタイマー、利益に焦点を当てた箇条書き、そして明確で視覚的に異なるCTAボタンが使用されて、緊急感を生み出し、期間限定オファーの際にユーザーをアップグレードへと導きました。
タイムリーなアップグレードを促す
@2025 Designed and built by Himari