p

r

o

d

u

c

t

みのすけ米粉スイーツ教室様

米粉で作るオンラインスイーツ教室「みのすけ米粉スイーツ教室」様のスマホ特化型LPを制作しました。

制作年

2026年2月

制作期間

約3週間

対応範囲

ヒアリング / トンマナ設計 / 情報設計 / ワイヤーフレーム作成 / デザインカンプ作成 / Studio実装 (ファーストビュースライドショー・カルーセル作成)/ レスポンシブ対応(スマホ・タブレット)

使用ツール

figma / Photoshop / Canva / Studio

WEB SITEはこちら

デザインのポイント

1.ターゲットに寄り添ったやさしいブランドトーン設計

米粉スイーツ教室の温かく家庭的な雰囲気を伝えるため、ベージュやブラウンを基調としたナチュラルな配色を採用。丸みのある装飾や柔らかい余白設計を取り入れ、どなたでも安心して参加できる教室の空気感を表現しました。

2.教室の世界観を表現する“ドアを開く”ファーストビュー演出

PC版のFVではドアが開いているようなデザインにすることで、「ドアを開いた先に教室が広がっている」体験を表現しました。サイトを訪れた瞬間にワクワク感が生まれるよう、視覚的にも楽しく、ストーリー性のある演出を取り入れました。

3.写真の魅力を引き立てるレイアウト

スイーツの美味しさやシズル感が伝わる写真を主役にするため、写真は1枚ずつ画像調整をしています。自然に写真へ注目が集まるよう、写真を多く使用するレイアウトにしました。テキスト量を整理することで、視覚的な魅力と読みやすさを両立させています。

4.スマートフォン閲覧を前提としたUI設計

Instagramからの流入を考慮し、スマホ特化型のデザインを採用しました。カード型のレイアウトや余白を配慮した縦スクロール構成と、イベントスケジュールなどの情報が多い箇所には横スクロールも取り入れ、情報のまとまりを整理。スマートフォンでもストレスなく読み進められる、直感的なUIを意識しました。

5.安心感を高めるコンテンツ設計

オーナー様のプロフィールや受講者の声、レッスンの流れなどを丁寧に掲載することで、初めて参加するユーザーの不安を解消。サービスの人柄や雰囲気が伝わるコンテンツ構成にすることで、参加への心理的ハードルを下げる設計にしました。

contact

具体的なイメージが決まっていなくても

大丈夫です。

まずはお気軽にご相談ください。

contact me

contact