#30 サイトレビュー　〜特定非営利活動法人ピッキオ〜

特定非営利活動法人ピッキオ

サイト名
特定非営利活動法人ピッキオ

カテゴリー
チャリティー・エコ・NPO・政治・行政・自治体

概要
NPOのプロモーションサイト

ターゲット
動物愛護や保護について関心がある人
NPOの活動について興味がある人

目的
活動のプロモーション、支援者の増加と募集

印象
NPO法人の「安心感」「信頼感」などが伝わる正統派なサイトという印象

ファーストビュー
▷ メインビジュアル
　 構成としては、MVの上下左右に余白をとってそこにグローバルナビを配置している。MVは３枚の画像が自動でスライドショーになって切り替わるようになっている。[支援をする]のボタンが大きめに配置されて強調しているので、サイトの目的がわかりやすい。
グローバルナビは左右のナビのみが固定されていて、スクロールしてもすぐに遷移することができる。
▷ グローバルナビ
　[私たちについて]
　[クマ保護管理について]
　[Harajuku]
　[ベアドッグについて]
　[お知らせ]
　[個人の方]
　[法人の方]
　[お問い合わせ]
　[支援をする] ※サイトのゴール

コンテンツ
・活動の内容がわかりやすいようにサイト内に画像を多く使用していて、見応えのあるサイト。
クマとベアードッグとスタッフの人をモチーフにしたイラストが可愛い。
・グローバルナビやタイトルなど強調したい部分には明朝体、本文はゴシック体という感じで使い分けされている。
・使用色が青と黄で補色の関係の配色なので、メリハリのあるハキハキしたサイトの印象になっている。
・ リンクボタン

カラー

フォント
▷ 本文：Yu Gothic
▷ タイトル：游明朝
▷ gNav：游明朝

レスポンシブ
・ グローバルナビはハンバーガーメニュー（画面下部）に格納＆固定されている。
・ SP版のレイアウトは横並びのレイアウトを採用しているコンテンツは縦並びに変更している。（特にブログやお知らせ）
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。