【実践課題 / 自主制作】LP制作(要件定義 / デザインカンプ)

OVERVIEW

SHElikes WEBデザインコースの実技試験 LP制作です。架空のベビーマッサージ教室のLP制作を行いました。 テーマ決め・要件定義〜ワイヤーフレーム〜デザインカンプ [制作期間:19H 使用ツール:Photoshop ]

YEAR 2024

1.制作要件

●クライアント:ベビーマッサージ教室 mamacoco

赤ちゃんと母親のコミュニケーションを深め、安らげる場を設けるベビーマッサージ教室。会員は20代後半から30代後半の女性が多く、育児への不安やリフレッシュ時間を求める方に向け、スキンシップを取りながら育児相談や母親同士の交流の場にもなっている。

●目的

  • ベビーマッサージ教室の認知を広げる
  • レッスンの内容と雰囲気を知ってもらう

●ターゲット

  • マッサージ目的の他、赤ちゃんと一緒に安心して安らげる空間を探している方
  • ママ友の交流を広げたい方
  • 育児相談、リフレッシュの時間が欲しい方

<ペルソナ>

・東京在住、既婚女性31歳

・育休中

・身近に相談できる相手がおらず、育児への不安を抱えている

・ママ友の交流を広げたいと感じている

2.制作物


3.制作ポイント


1)コンセプトを伝えるキャッチコピー

 ベビーマッサージ教室のイメージがあまり浸透していないため、赤ちゃんの身体だけでなく、母子ともに心と体のリフレッシュへ導き安心感を得る という事がアピールできるよう「ママと赤ちゃんの繋がりを深める」というキャッチコピーにしました。

親しみ・温かみを感じられるよう、母子をイメージした丸みのあるデザインと繋がりを意味する曲線のあしらいを作成しました。


2)視認性を高めるデザイン

ユーザーが内容に興味を持ってもらいやすいデザインとして、読みやすさ・動きのある表現を意識し、LP全体にやわらかみがあり、セクションごとの情報が分かりやすい設計にしています。コンセプト部分は文字量が多い為、ジャンプ率を意識したフォントサイズと他のセクションとは異なる囲うようなあしらいを取り入れることで、視認性を高めています。サイトを開いた時に情報量が多くならないように、各セクションにボタンを設置しています。 


3)温もりを想起させるグラデーション

安心感を得られる雰囲気にするために、体温の自然な温もり をイメージした、ぼかしの効いたデザインと配色バランスを意識しました。


フッター部分は温度感の高まりをイメージし、ベビーマッサージへの期待を持てるような温かみを表現するグラデーションカラーにしています。


4.制作を通して学んだ点

サイト閲覧者は事業内容についての情報が少なく、「まずはどんな雰囲気・流れかを知りたい」と感じている背景を想定し、親しみのある温かいデザインを意識しました。新しいコミュニティ参加への不安を感じさせないよう、まずは認知を広げるという目的達成のため、サイトを見て興味を持ったユーザーがアクションを起こしてもらいやすいような設計にしました。全体のまとまりを考えながら、ユーザーの心に響く内容を分かりやすく伝えられるようなデザインにするために、土台の情報設計が大切なことを改めて感じました。