ポートフォリオサイト（本サイト）

「デザインで価値を可視化する」「デザインで、日本を元気に。」という理念を掲げた、自分のポートフォリオサイトです。デザインから実装まで一人で担当しました。日本の国旗と日の出に見立てたアニメーションを実装し、アニメーションデザインによって可視化の文字が見えやすくなることで「デザインで価値を可視化する」を表現しました。

コンセプト

いま見ているこのサイトそのものです。制作実績・スキル・経歴をまとめ、つくり手としての考え方まで伝わることを目指しました。

課題

テンプレートに見えるポートフォリオは、技術があっても印象に残りません。見た目だけでなく「何を考えて手を動かす人か」まで伝える必要がありました。

目的

ファーストビューの理念を入り口に、WORKS・SKILL・ME を上から追うだけで、仕事を任せられる相手かどうかが判断できる状態にすること。

情報設計

理念を先に掲げ、そのあとに制作実績・できること・経歴を続けました。価格や肩書きより先に、つくったものと考え方を見せる順番にしています。

デザインプロセス

朱色の太陽を主役に据えました。参考にした動きや質感は憶測で組まず、実物をブラウザで検証してから再現しています。書体は等幅を基調にそろえました。

実装

HTML / CSS / JavaScript（フレームワーク・ライブラリなし）。セマンティックなマークアップとアクセシビリティを重視しました。

使用ツール

VS Code / Photoshop