ヘッダーアイコン

RYUKI TASHIRO

トイレつまりの救急センター

トイレや水回りの緊急修理サービスを行う企業のコーポレートサイト。自作WordPressテーマによるコーディングから実装、レスポンシブ対応まで、フロントエンド開発全般を担当した。

  • Point 01

    カスタム投稿タイプとカスタムフィールドの実装

    コンテンツ管理の効率化を図るため、WordPressのカスタム投稿タイプを複数作成。Advanced Custom Fieldsを使用して必要な項目を設定し、テンプレートファイルでのループ処理により動的なコンテンツ表示を実装した。管理画面での更新作業を簡素化し、運用性を向上させた。

  • Point 02

    jQueryライブラリと自作スクリプトによる動的機能実装

    SlickスライダーやChart.jsを活用したグラフ表示、その他多数の自作jQueryスクリプトにより、サイトの動的機能を実装。ユーザーインタラクションを向上させる各種アニメーションやモーダル表示、フォームバリデーションなどを組み合わせ、操作性の高いWebサイトを構築した。

  • Point 03

    Flexboxを活用したレスポンシブグリッドシステム

    サービス一覧やコンテンツ表示において、Flexboxベースのグリッドシステムを自作実装。CSSのmedia queryと組み合わせて、デスクトップ、タブレット、スマートフォンに最適化されたレイアウトを構築し、全デバイスで統一された表示を実現した。

用いたツール : HTML CSS JavaScript WordPress PHP Figma

制作期間 : 2ヶ月

関与期間 : 1年4ヶ月

URL : https://teamrescueforce.com/