動物保護施設

First View Screenshot

デスクトップ
タブレット
モバイル

制作概要

業種
動物保護施設
種類
動物関連サービス業(?)
制作範囲
デザイン・コーディング・WP実装
使用技術
HTML/CSS/JS/PHP

実装内容

  • ワイヤーフレーム・デザイン(figma)
  • コーディング(VSCode)
  • PC/タブレット/スマホサイズ対応
  • 軽微なアニメーション
  • WordPressオリジナルテーマ
  • フォーム(ContactForm7)
  • カスタム投稿(ACF)
  • カスタムフィールド(ACF)

公開URL

GitHub

制作意図や、経緯など

・WordPress学習初期に制作したサイトを大幅に修正したものです。
・閲覧者が必要な情報へスムーズに到達できるよう、既存サイトの構成を見直し、サイト設計から見直しました。
・里親希望者が知りたい情報(保護犬の紹介、譲渡までの流れ、譲渡の条件)へ迷わずアクセスできる導線にしました。
・ACF(Advanced Custom Fields)を活用し、管理者が専門知識なしでも保護犬情報を入力・更新しやすいように工夫しました。
・継続的な情報発信によって、施設の活動や保護犬たちの状況を伝えられるよう、ブログ機能も追加しました。(ACF使用)
・固すぎず、またポップになりすぎない、デザインにしたくて、配色は海外の動物保護施設サイトを参考にしました。
・情報をしっかり読んでもらうことを優先し、過度なアニメーションは使用せず、ボタンホバーなど必要最低限に抑えました。