Teppei’s Portfolio

概要

自分自身のポートフォリオサイトを制作しました。デザイン、静的コーディング〜WordPressオリジナルテーマ化まで対応しました。自分自身デザインは苦手なのですが、サイトの色味などLelien Designroom様にお手伝いいただき、シンプルで落ち着いた雰囲気になったと感じています。

「安心感」をテーマに、落ち着いた色味でシンプルな見た目になるよう制作しました。強調したい箇所などに動きをつけて、メリハリをつけることを意識しました。

制作実績、サービス、ワークフローをカスタム投稿として設定し、WordPress管理画面から実績やサービスの追加ができるようにカスタマイズしました。各カスタム投稿ないにはカスタムフィールドも設定し、追加・更新が容易にできるよう設計しました。

制作実績の一覧で、カテゴリー・作業内容によって絞り込みができる機能を作成しました。画面遷移なく、絞り込み結果が表示されるようにし、画面読み込みのストレスがないよう構築しました。

スクロールによってフェードインしたり、横スクロールに切り替わったり、スクロールの量によって色が変わったり、スクロール関連のアニメーションをいくつか設定し、サイトにメリハリをつけ、見ていて飽きないように工夫しました。