制作時期/期間

• 2022/10~2022/11
• デザインカンプ作成,コーディングまで2ヶ月で制作いたしました。

対応内容詳細

• デザインカンプ制作
• コーディング(HTML,CSS,jQuery,GSAP)
• ダークモード対応(本体機器の設定に依存)
• Google Analytics設置
• Google Search Console設置

URL

※現在ご覧いただいているサイトです。

サイトコンセプト

• 私を知ってもらうための『雑誌』

全体としてこだわった点

• サイトコンセプトを『雑誌』とし、誌面をイメージしたレイアウトや本をめくるアニメーション等を取り入れました。
• 一番見ていただきたいのは制作物のため、制作物を載せているページやセクションは印象に残るような動きを取り入れました。
• 制作物やスキル面だけではなく私自身のパーソナリティな部分も取り入れることで、他のWebデザイナー様との差別化を図りました。

配色

• 全体が柔らかい印象となるよう暖色系をメインに使用しました。
• 各タイトルにはグラデーションを用い、今後の段階的な変化や成長を表現しました。

使用素材

• イラストについては全体の雰囲気に合うものをフリー素材から選びました。
• サイトの右上に表示されているロゴは自分で制作したものです。

注意した点

• 印象的な動きを多く取り入れたいと思い、GSAPについて学習しながら制作を進めました。
• ダークモードの対応も行いました。
  (こちらのサイトをご覧いただいている機器をダークモードにしていただくと配色が変わります。)
• マークアップについても、一つ一つタグを考えながら進めました。