- 内容
- 自身の制作実績やスキルを分かりやすく伝えることを目的として、ポートフォリオサイトを制作しました。
デザイナーと協力し、実績をスムーズに閲覧できる導線設計やサイト全体の世界観を意識しながら、コーディングとWordPress実装を担当しています。
実績ページはWordPressで管理できるように構築し、管理画面から作品の追加や内容の更新が行えるように設計しました。
また、スクロールアニメーションやスライダーなどの演出を取り入れ、視覚的にも印象に残るサイトになるよう実装しています。
- 制作背景
- 自身の制作実績やスキルを分かりやすく伝えるポートフォリオサイトとして制作しました。
デザイナーと協力し、作品の見やすさやサイト全体の統一感を意識しながら、デザインの意図を汲み取ったコーディングを行いました。
また、自身の強みや趣味などの要素をサイト内のデザインや表現に取り入れ、人柄や制作スタイルが伝わるポートフォリオになるよう工夫しています。
- 課題
- 実績数が増えても見やすく管理できるサイト構造にする必要があった
- ポートフォリオとして印象に残るサイト体験を作る必要があった
- アニメーションを多く取り入れつつ、閲覧のしやすさを損なわない設計が求められた
- 解決
- WordPressを使用して実績ページを管理できるように構築し、管理画面から作品の追加や更新ができるよう実装
- ACFを使用して実績情報を管理できるようにし、運用しやすい構成を設計
- Swiperを使用して実績スライダーを実装し、複数の制作物を見やすく表示
- Contact Form 7を使用してお問い合わせフォームを実装
- 工夫
- GSAPを使用したスクロールアニメーションを取り入れ、サイト全体に動きのある演出を追加
- 背景テキストやパララックスを用いて奥行きのあるデザイン表現を実装
- 実績カードのレイアウトや余白設計を調整し、情報が整理されて見えるよう工夫
- レスポンシブ対応を行い、スマートフォンでも見やすい表示を実現
- 担当範囲
- コーディング
- WordPress実装
- JavaScript実装
- レスポンシブ対応
- 使用言語
- HTML / SCSS / JavaScript / PHP
- 制作期間
- 約1ヶ月
- 料金目安
- 7万円〜10万円
