X Note GittHub
ポートフォリオサイト

Portfolio 2023

Portfolio 2023
クライアント
自主制作(個人)
担当範囲
全て(コーディング、デザイン含む)
仕様
WordPress、GSAP、FLOCSS
開発環境
VSCode、Docker、Webpack、Node.js、Volta、Figma
リリース月
2023.11
詳細
Web開発の会社に転職するためのポートフォリオサイトです。運用コストを削減する為に、WordPressオリジナルテーマを作成し、投稿画面より簡単に制作物を追加できる機能を実装しております。デザインは大人の落ち着いた印象を与えるための配色を意識して作成しました。

最初にインパクトを与えるためにオープニングアニメーション、MVではコーダーを連想させるタイプライターアニメーション、より使いやすくするためにページ遷移時やホバー時のアニメーションを加えました。

読み込み高速化対策としては、Google Fontsはコンバートして当サイトと同じサーバーに設置、画像はWebpackでWebPに一括変換して設置しております。