▼オリジナルサイト
https://muuu-noir.github.io/sample2/
使用ソフト:Photoshop
制作期間:5日
サイズ:W1920pxH9087px
使用フォント:VDL ギガ丸 / Noto Sans CJK JP
ターゲット層:10代~20代前半があこがれる架空のモデル兼アーティスト(既に人気がある認知済みの方)のアートイベントのLP
-----
元々ダークモードに左右されにくい配色にしましたが、chrome・firefox・safariの標準ダークモードでも文字がつぶれたり配色が崩れないよう対応させました。
使用した配色:ポップで「kawaii」文化を反映した配色にしました。(調査したところ、「kawaii」文化はビビットなピンクのイメージが強いとのこと)
アクセントカラー:ビビットなピンク(#e95792) - kawaii文化を象徴するような色
アクセントカラー:明るいグリーン(#67c09f) - ポップなモンスターをイメージ
ベースカラー:チャコールグレー(#333333) - ダークモードを想定、モンスターが映える色
テキストカラー:ホワイト(#ffffff) - ポップなカラーにもベースカラーにも合う可読性を重視
・既に人気がある認知済みの想定のため、略歴は簡単にしました。
・10代~20代前半がターゲットなのでスマホで見ることが大半のためモバイルファーストで作成しました。
・PCではスマホ版の箇所のみスクロールし左右は固定でアニメーションのみにしました。
・「kawaii」文化のちょっとごちゃごちゃした感じを出しつつ情報は読みやすいよう配置や
フォントの使い分けを工夫しました。
・今回のメインキャラクター「スライム君(仮)」のイメージに合わせてぽよんぽよん動くエフェクトをMENUボタンに加えました。
・ポップさを失わないようポップなサイトを調査したところダークモードでも影響を受けにくいようにするため①シンプルなモノトーンベースの配色で写真でアクセントをつける②ダークモードを想定して影響を受けにくい配色で作る、が支流だったので②を選択して捜索しました。
・基本、スマホで見ることを想定しているのでホバーなどのエフェクトはPC版でもあえていれていません。