MIHO YAMAMOTO Portfolio

WEB制作

https://mihohohoy-ina.site/piastasso/

「しょーごログ」上級課題の合格後、デザインと構成を見直して、架空のピアノ教室サイトとして再構成・WordPress化しました。

予約やお問い合わせまでを想定した導線を作り、教室の魅力と必要情報（料金、事例など）が分かりやすく伝わるサイトを目指しています。
参考：[しょーごログ](https://shogo-log.com/coding-study/)
ターゲット

（想定）
・子どもの習い事を探している保護者
・ピアノを始めたい初心者（大人含む）
概要

XDのデザインデータを元にコーディングを行い、WordPressテーマとして実装しました。

予約の日付選択はflatpickrを用いて実装し、操作性と見やすさを意識しています。

また、AOS.jsによるフェードアニメーションを取り入れ、スクロール時の見せ方も整えました。

「事例」や「料金表」などはACFのカスタム投稿／カスタムフィールドで管理できるようにし、更新しやすい構成にしています。お問い合わせフォームはContact Form 7で実装しました。
制作期間

3週間程度
使用技術
- WordPress
- HTML
- CSS
- JavaScript
- jQuery
- PHP
- XD