サイト模写応用課題：某電力サイトのリニューアル案制作

課題の進め方

本課題は、サイト模写基礎で選んだ既存サイトをリニューアルするという内容です。
オレンジを基調とした元気でエネルギッシュな印象の某電力会社のコーポレートサイトのリニューアル案を制作しました。

まずリニューアルにあたり、参考サイトを5つ以上ピックアップ
今回は練習課題のため、ターゲットや商品特性といった制約は深く考えず、トンマナの選択肢を増やすことを目的に、幅広いジャンルのサイトを集めました。

選定した参考サイトからフォントやカラーを抽出し、それらをリニューアル元のサイトに当てはめて検証。
単純に置き換えるだけでなく、フォントとカラーをミックスしながら、「このサイトに合う表現はどれか」を見ながらトンマナを作ります。

完全な模倣にならないよう注意しつつ、参考サイトの良さを取り入れながらオリジナリティを意識した構築が非常に難しかったです。

ファーストビューを元に他のセクションも色々な参考サイトを確認しながらトンマナを合わせて制作していきました。その結果、元のオレンジ基調のサイトから、青色ベースの落ち着いた印象のコーポレートサイトへとリニューアルすることができました。

実績提出用としてロゴや文言は架空のものを使用しています。
こういった架空のデータの生成にAIを使うと非常に楽です。

「公開ページを開く」から閲覧することができます。

この課題を通して、以下の点を強く実感しました。

「良いデザインは、良い参考から生まれる」ということを、実作業を通して理解できたと感じています。