トンマナ
- フォント：秀英丸ゴシック B、Outfit
(今回初めて秀英丸ゴシックを使うサイトを見たが、筑紫ゴシックよりも読みやすく、かつ温かみを感じる最高なフォント！！モリサワなのでポンポン使えないのが悔しい…) - グリーンカラーの色味を変化させながら使用し、緑あふれる揖斐川町の様子を感じる配色
- CVボタンは明るいオレンジ
- イラストが散りばめられていて、温かみを感じることができる
FV
温かさ、優しさ、地域密着感を感じられるメインビジュアル。
・柔らかな円のくりぬき画像のスライダー
・手書き文字
・地図
・イラスト
上記要素がその雰囲気を生み出している。
ロゴの配置も比較的大きいがデザインに馴染んでいてとても良い。
スライダーの数字の置き方も見やすく参考になる
ナビゲーション
各施設ごとにテーマカラーの矢印を使用しているので見やすい。
お問い合わせ・採用情報の大きいボタンも常にスクロール固定。ページの読みにくさなどはないので参考にしたい。
見出し
日本語テキストが単語ではなく、ユーザーに語りかけるような内容で、人と寄り添う姿勢が感じられる。
私だったら「施設情報」とか「私たちについて」とかありきたりなワードを並べてしまいそう。
地域の温かみなどを演出する際は、こう言った言葉選びも重要だと気づかれた。
英字の前にあるオリジナルのアイコンは、山を表現している？ようだ。
町の自然をアイコンとしても使用しているいい見せ方。参考にしたい！
お知らせセクション
FVに続いて背景が草原になっているのがとてもいい。イラストを背景として馴染みよく使用されている。
INFORMATIONセクション
施設ごとにカラーが分けられていてわかりやすい。
5色も使用するとバラツキが生まれそうだが、トーンが綺麗に調整されていて違和感を全く感じない。
背景に使用されている点線の円あしらいが、５つの施設が連携している様子を連想させる。
ABOUTセクション
写真が多用するだけでなく、テキスト、背景の模様など多様な工夫で魅力が伝わる。
写真に緑のフィルターをかけることでサイトとの統一感が生まれる
FV同様、手書きテキストから情緒さが見れる
背景の茶色の丸や、波のような背景は、町の自然を表している？
こういった自然の様子を抽象的に表す手法は何かのプロジェクトで試してみたいところ！
写真のトーンも統一されて、異なる場面でも全て柔らかな雰囲気を出している。
テキストは縦書きに。メリハリがつくとともに、ここにも情緒を感じる。
流れる画像は単調に並べるのではなく、上下にずらすことで動きがさらに生まれる
採用セクション
写真がいい！メインコピーは白帯で右のエリアに縦書きに。
左に読ませるテキストを配置。右のコピーがよく目に入るので左は多少読みづらくても気にならない。
REASONセクション
一番いいな！と思ったセクション。様々なフォントを縦書き・横書き様々に並べられている。
インタビュー記事並べるよりも、これ一目でこの町で働くことの素晴らしさが伝わる。
コメントをクリックで詳細テキストが表示されるのもいい演出。
写真からの緑背景への遷移グラデーションも綺麗。
ここの背景グラデーションも綺麗。
採用フォームへの導線も、想いが伝わるテキストが入っていながらもスッキリとみやすいデザインに。
フッター
情報の多いサイトだが、フッターがわかりやすく整理されていてとてもみやすい。
ナビゲーション同様、診療所ごとに色分けされているので一瞬で見分けがつく。
さらに、下の診療所詳細ブロックもみやすい。５施設だとゴチャつきそうだが、色分け、点線区切りなどごちゃつかない工夫がここにも見える。
まとめ
見やすさはもちろん、町の自然をデザインにうまく落とし込んだり、手書き文字を使ったりなど情緒あふれるデザインを作ることで、この町で働くことのメリットを感じることができた、多くの工夫がなされたサイトでした。
細かな箇所を見るだけでもため息が出てしまう。何度も見返して参考にしたいサイトでした！！
