Portfolio

実績公開のためのポートフォリオを制作しました。
メインビジュアルを動画にし、ユーザーへのインパクトを狙いました。
また、「works」は最新の制作物から表示されるように設計しました。
自身の好きなパステルカラーをメインに淡く、柔らかい世界観を演出できました。

ターゲット

個人事業主、経営者の方

情報設計

まず、制作実績をメインビジュアルのすぐ下に配置し、クライアント様の目にすぐ止まるように配置しました。
マウスホバー時には画像がズームする遊び心を演出、制作物一覧のリンクもホバー時に下線が動くように演出しました。

「about」は文章が長くなりがちなのでWEB制作に至った経緯を簡単に掲載。
「about」ページに個人の情報やスキルを掲載しました。
また、タブを使用し、技術のアピールもしております。

デザイン

以前動画編集の活動をしていたことのアピールでメインビジュアルに動画を採用しました。
淡い光を追加し、いわゆる「エモい」動画を瀬制作しました。

メインカラーはパステル調のブルーで柔らかさと爽やかさの印象にしました。
文字間や行間、余白を多く取ることにより、情報が多くなりがちな制作実績のページも読みやすく設計しました。

制作期間

HTML / CSS 3週間
WordPress　 2週間

使用ツール

Figma / WordPress / Visual Studio Code