動物保護団体
https://hikarudoll.xsrv.jp/rescue-dog/ ←別タブでサイトへ遷移します。
サイト構成
- トップページ
- 譲渡について
- ご支援について
- 保護犬の紹介(一覧ページ)
- 保護犬の紹介(詳細ページ)
- お知らせ(一覧ページ)
- お知らせ(紹介ページ)
- 収支報告(詳細ページ)
- ボランティア募集
- 私たちについて
- お問い合わせ
- プライバシーポリシー
- 404
サイト内訳
| ディレクション | 39,000 |
| トップページデザイン | 40,000 |
| 下層ページデザイン×12 | 135,000 |
| 下層ページ汎用デザイン | 15,000 |
| トップページコーディング | 20,000 |
| 下層ページコーディング×12 | 81,000 |
| 下層ページ汎用コーディング | 9,000 |
| WordPress導入 | 30,000 |
| カスタム投稿機能×2 | 30,000 |
| カスタムフィールド | 15,000 |
| カスタムフィールド追加 | 2,000 |
| メールフォーム(ContactForm7) | 15,000 |
| 合計 | 431,000 |
サイトの説明
この仕事を始めた初期のころに作ったサイトをリニューアルしました。当時は閲覧者とって見やすいことを優先に作っていましたが、同時にサイト所有者にも使いやすいように大幅に修正しました。サイト管理者がWordPress管理画面から編集できるヵ所を増やしました。プラグイン(Advance Custom Feild)の利用で、修正箇所がわかりやすいように考慮しました。
動物保護団体を想定して作ったサイトです。サイトの最優先の目的は里親募集、続いて寄付のお願い、ボランティア募集です。このような多くの説明を必要とするジャンルのサイトは、閲覧者が読むのに疲れないよう、余白を大きくとりました。団体の規模にもよりますが、大規模な団体ほど説明箇所や説明部分が多くなるのでさらなる工夫が必要かと思います。(初期は非表示でスッキリさせ、読みたい箇所だけプルダウンやタブ切替え、またはポップアップで読める、など)
トップページは、閲覧者(里親を希望している人)が見たいと想定される情報にすぐにたどり着けるよう、ファーストビューに「保護犬を探す」「支援をする」ボタンを配置してます。
一番大事なワンちゃん紹介ページについて、一覧ページはカード型を採用しました。画像と簡単なプロフィールにとどめ、ここから詳細ページにリンクします。この詳細ページの項目を入力する際に迷わず編集できるよう、カスタムフィールドを駆使しました。
投稿機能は「ワンちゃん紹介」「お知らせ」「収支報告書」3つです。「収支報告書」は閲覧者にあまり重要ではない情報と判断して、ヘッダーメニューやトップページには掲載していません(フッターのみ)。
固定ページは、多くの部分を共通化し、読みやすさを優先しました。固定ページごとにデザインが大きく変わることによって起きるユーザーの迷い・戸惑いを防ぎます。
★サイト内の画像は全てフリー画像素材『O-DAN』からダウンロードしたものです