■担当範囲 デザイン / ページ構成設計 / コーディング ■概要 学生時代に制作した自身のポートフォリオサイトです。 数あるポートフォリオサイトの中で埋もれないよう、訪れた人の印象に強く残る、インパクトのあるサイトを目指し、Webサイト全体をひとつの巨大なクリームソーダに見立てるという大胆なコンセプトを考案しました。 ページ上部のクリーム色から、スクロールするにつれて徐々にメロンソーダのグリーンへと変化し、最終的にはサイト全体が一杯のクリームソーダとして完成するような構成にしています。 また、炭酸をイメージした泡のアニメーションをページ全体に取り入れ、下から上へと泡が浮かび上がる動きを演出しています。 ローディング画面では、グラスの中にクリームソーダが徐々にたまっていくアニメーションを制作しました。 ロゴやキャラクター、カテゴリーアイコンなど、サイト内に使用しているイラストもすべてオリジナルで制作し、自分らしさや遊び心を感じられるポートフォリオサイトを目指しました。 単に作品を並べるだけではなく、「このポートフォリオサイトを見た」という体験そのものが印象に残るように、デザインだけでなく、自分自身を表現するポートフォリオサイトだからこそ、世界観そのものを楽しんでもらえるサイトにしたいという思いで、細部まで統一感のあるデザインを目指しました。 ■使用ツール Adobe XD / After Effects / Photoshop / Illustrator / Visual Studio Code ■URL 現在はドメイン契約終了のため、サイトは公開しておらず、掲載画像のみご覧いただけます。