当ポートフォリオサイト
WorsPress 自主制作
- クライアント
- 自主制作
- サイトURL
- https://tomy-dev.com/
- 担当範囲
- 要件定義 / デザイン / コーディング / WordPress構築 / 運用
- 制作期間
- 要件定義・デザイン 約3週間 / コーディング 約1週間 / WordPress構築 2日
- 費用目安
- 約200,000円
- 説明
- 当ポートフォリオサイトを要件定義、デザインから全て作成しました。
このポートフォリオサイトを通じて私のコーディングスキルと、アニメーションの参考としてカタログのように利用していただくことを目指して作成しております。
工夫したポイントとしましては、トップページの制作実績セクションでは水平スクロールを実装しております。
ブログページでは投稿カテゴリーのボタンを押した際の表示方法を非同期でタブ切り替えにすることで、ページ遷移の待ち時間をなくし、快適なサイト閲覧ができるように設計しています。
また、ブログの投稿部分では、カードビューとリストビューを切り替える機能を実装し、ユーザーが情報を効率的に整理して閲覧できるように工夫しています。
リストビューにすることで、必要な情報をコンパクトに表示し、全体の見通しを良くしました。
ファーストビューのアニメーション無限ループアニメーションにしております。モネの「印象、日の出」を見ているときにデザインのインスピレーションを受け、JavaScriptで実装しました。
