個人建築士事務所
外部のデザイナーさんとの協業案件で、WordPressサイトのコーディングを担当しました。
全6ページ＋ブログ機能付きのサイトで、Adobe XDで制作されたデザインをもとに、WordPressのオリジナルテーマを0から構築しています。
GitHubでのデータ管理を行いながら、依頼から約1ヶ月で納品しました。
制作背景
デザインの世界観を表現するため、ページ遷移時にふわっと要素が浮かび上がるような演出を実装する必要があり、barba.jsを導入して滑らかなアニメーション表現を実現しました。
また、更新作業のしやすさにも配慮し、カスタム投稿タイプとカスタムフィールド（SCF）を組み合わせて管理画面を最適化。
クライアント側でのブログ投稿や各ページの更新がしやすいよう、柔軟な設計に仕上げました。
配色
使用技術・ツール
制作期間
1ヶ月(コーディング）
※スマホ版のデザインは縦長になるため、PC版と並べて比較しやすいように、一部をカットして掲載しています。
実際のサイトではスムーズにスクロールできます。
