- 案件種別：
自身のポートフォリオサイト
- 担当範囲：
サイト構成設計／コーディング／WordPress構築
- 使用言語：
HTML ／CSS（Sass）／JavaScript（jQuery）／PHP
- CSS設計：
FLOCSS設計
- 制作期間：
約１か月
- ページ数：
8ページ
- 実装機能：
- ローディング時の多段階アニメーション（扉 → テキスト → 画像の順に表示）
- ファーストビューの小物・家具の自動アニメーション
- スクロール連動のフェードアップ演出
- 右下の猫アイコンをクリックでページ上部へスムーススクロール＋フェードアウト
- 実績サムネイルをホバーでモックアップ画像に切り替え
- 入力内容に応じて金額が変わる概算見積もりページを実装
- ページ遷移時のオーバーレイ演出
- 制作概要：
自身のスキルや実績を紹介するためのポートフォリオサイトを、デザイナーに依頼したデザインをもとに、オリジナルテーマとしてフルスクラッチで実装しました。
ローディング演出やスクロール連動のアニメーションなど、動きのある演出を取り入れつつ、閲覧者が迷わず情報にたどり着ける構成を意識しています。
また、実績一覧のモックアップ切り替えや、概算見積もりの自動計算機能など、操作性にも配慮した設計としました。
更新のしやすさを考慮し、カスタムフィールドを活用した管理画面設計や、お問い合わせからサンクスページまでの動線も含めて一貫して実装しています。 - ※補足：
2025年9月1日時点の情報のため、現在のサイトとは異なる点があります。
