たろうのおうちおうち
- ROLE
- Front-end / WordPress Development
- FOCUS
- Usability × CMS
- YEAR
- 2024
THE BRIEF
訪れる人にも、更新する人にも、迷わず使えるサイトを。
WebデザインスクールZeroPlusのチーム制作として、青山にある老舗カフェをイメージしたWebサイトを制作しました。
チーム内で役割を分担し、私は主にフロントエンドのコーディングと、WordPressのACF・CPT UIを利用した更新機能の実装を担当しました。
サイトを見るユーザーが必要な情報へ迷わずたどり着けることに加え、運営側が日々の情報を簡単に登録・更新できることを意識して構築しています。
チーム内で役割を分担し、私は主にフロントエンドのコーディングと、WordPressのACF・CPT UIを利用した更新機能の実装を担当しました。
THE APPROACH
EASY TO FIND.EASY TOUPDATE.
利用者にとって分かりやすい導線や情報のまとまりを意識し、カフェのメニューや店舗情報などを直感的に確認できるUIを目指しました。
同時に、公開後の運用もサイトの使いやすさの一部と考え、専門的なコードを編集しなくてもコンテンツを追加・変更できるWordPressの管理構成を設計しました。
IMPLEMENTATION
- 01
Team Development
スクールのチーム制作として、メンバーとデザインや仕様を共有しながら担当範囲のコーディングとWordPress実装を進めました。
- 02
Front-end
支給されたデザインをもとに各ページを実装し、情報の優先順位や操作の分かりやすさを保ちながらレスポンシブ表示にも対応しました。
- 03
Custom Post Type
CPT UIを利用してコンテンツに適した投稿タイプを用意し、通常の投稿と分けて管理しやすいWordPress構成を実装しました。
- 04
Custom Fields
ACFを利用して登録項目を整理し、管理画面から必要な情報を入力するだけでコンテンツを追加・更新できる仕組みを構築しました。