ヒーリングプラネタリウムのオフィシャルサイトです。利用したい層にどのようなプラネタリウムなのか伝えるのが目的です。

URL

http://ky0419.stars.ne.jp/website/site02/index.html

担当

デザイン・コーディング

制作期間

2023年8月5日～9月1日

サイトの目的

サービスの認知と新規クライアントの獲得、SNS登録者獲得、問い合わせ手段。

ターゲット

10代後半～30代のカップル・グループ。退勤後の社会人

デザインについて

[全体]
壮大な星空の映像でユーザーを惹き込むためにファーストビューに動画を配置しました。全体的に夜空や星空をイメージして寒色をメインで使用してます。軽快でオシャレな印象を持たせるためフォントは軽くて細めにしました。また、背景が暗めなので明度の高い色を使いました。アクセントカラーは輝く星をイメージしてプラチナホワイトゴールドです。澄んだ空気をイメージするので彩度高めの配色にしました。
[グローバルナビゲーション]
グローバルナビゲーションは宇宙の星をイメージしてホバーすると淡く光り輝くようにしました。
[コンテンツ]
コンテンツの分類が分かりやすいよう共通の装飾画像を背景に配置しました。
[ショップ・Q&A・サイトマップ]
背景をグラデーションにすることで夜更け、夜明けを表現しました。文字の可読性のため背景色を置きました。

コーディングについて

[全体]
初めてのコーディングで大変難しいと感じましたが実際に進めていくうちに理解が深まりました。
[コンテンツ]
背景のコンテンツ画像と見出しの文字のバランスを取るのが難しかったです。
[番組紹介]
レスポンシブデザインのときは横スクロールで閲覧できるようにしたいです。
[Q&A]
Q&AはjQueryを使用しました。ユーザーが見たい項目を優先的に見られるよう可読性を上げました。