架空アイドル Official Web Site

概要

主なターゲット：既存のファンもしくはSNS等でグループが気になって検索した方
テーマの狙いや設定は、「架空アイドルのチラシ」ページをご覧下さい。

使用ツール

VisualStudioCode / Photoshop / Illustrator

制作期間

2週間程度／全7ページ

URL

http://risasoe.stars.ne.jp/idol/index.html
※レスポンシブ対応

色とフォント

イメージカラーは、グループ名にちなんで「令和 慶祝カラー」の「梅」の色を採用しました。
フォントは、デザイン性があり読みやすい「Century Gothic」を基本的に使用し、文章などの長い日本語テキストは読みやすいゴシック体を使用しました。 見出しやナビゲーションバーは、グループのロゴと同じ「KoHo」を使用しました。

画像編集

プロフィール用の画像は上記のように作成しました。アイドルらしくメンバーカラーの色の小物を身に付けるようにしました。
他にもCDのジャケットやトップページのスライド等を作成しました。

感想

初めてゼロからWEBサイトを制作したため、すべてのページに苦労しました。
ターゲットが何を見たいか、どのようなサイト構成だと使いやすいかを常に意識し作成していました。