トイレや水回りの緊急修理サービスを行う企業のコーポレートサイト。自作WordPressテーマによるコーディングから実装、レスポンシブ対応まで、フロントエンド開発全般を担当した。
Point 01
コンテンツ管理の効率化を図るため、WordPressのカスタム投稿タイプを複数作成。Advanced Custom Fieldsを使用して必要な項目を設定し、テンプレートファイルでのループ処理により動的なコンテンツ表示を実装した。管理画面での更新作業を簡素化し、運用性を向上させた。
Point 02
SlickスライダーやChart.jsを活用したグラフ表示、その他多数の自作jQueryスクリプトにより、サイトの動的機能を実装。ユーザーインタラクションを向上させる各種アニメーションやモーダル表示、フォームバリデーションなどを組み合わせ、操作性の高いWebサイトを構築した。
Point 03
サービス一覧やコンテンツ表示において、Flexboxベースのグリッドシステムを自作実装。CSSのmedia queryと組み合わせて、デスクトップ、タブレット、スマートフォンに最適化されたレイアウトを構築し、全デバイスで統一された表示を実現した。
用いたツール : HTML CSS JavaScript WordPress PHP Figma
制作期間 : 2ヶ月
関与期間 : 1年4ヶ月