９．森と踊る｜#1日1サイトレビュー

https://www.moritoodoru.co.jp/

【概要】

「森と踊る 株式会社」の企業公式サイト。東京・八王子を拠点に森林に関する多様な事業に取り組んでいる。
・森の木事業（林業から製材・木材加工・内装業）
・森の場事業（環境教育、企業研修、イベント企画運営、林業従事者体験など）

【ファーストインプレッション】

自然、森、さわやか、あたたかさ、しっかりした印象

【メインビジュアル】

・全体の背景色は、緑がかった白
・余白あり
・企業名ロゴの横（もしくは下）にGナビゲーション（SPではハンバーガーメニュー）
・Gナビ：About（森と踊るについて）, Service（商品・サービス）, Contents（森を知る）, Support（応援する）, Contact（お問い合わせ）、外部リンク（オンラインショップ、ブログ、Facebook、インスタグラム）
・ヘッダー画像：森林内から撮った木々の画像（左右の余白なし、横長画像）
・ヘッダー画像上に縦書きテキスト「森と踊るについて」
・パンくずリスト

【フォント】

・全体：Fot tsukuardgothic std
・著作権表示：Comrortaa 

【配色】

テキスト：#ffffff , #43392f , #d09b2d
背景色：#f8f6f0
フッター背景色：#43392f

【構成】

・ヘッダー（企業名ロゴ、Gナビ）
・スライドショー
・お知らせ
・お知らせ外部リンク「noteでもっと読む→」
・（about）森と踊るについて
・森と踊るの取り組み
・森との関わり方
・商品・サービス
・ボランティア紹介
・寄付をする
・インスタグラムの紹介、外部リンク
・ブログの紹介、外部リンク
・フッター（サイト名、SNSアイコン、サイトマップ、お問い合わせ、オンラインショップ、ブログ、採用情報、プライバシーポリシー、ニュースレター登録フォーム、コピーライト表示）

【レスポンシブ】

Gナビ：SPサイトではハンバーガーメニューになっている。

【あくまでも私見】

▶テキストのが黒ではない。やわらかい雰囲気になる。
濃茶系のテキスト。ゴシック体なのにやわらかい雰囲気になっていて、いいなと思った。
▶背景が白ではない。
背景が白ではなく、緑っぽい白。
使用されている写真が緑や茶色が多いため、純白背景よりも雰囲気が馴染む感じがする。
パキっとした白より、やさしい雰囲気がする。
和紙のような雰囲気がする。
▶黒いデザイン、白いエリアが映える。
反対にトップページ内の「森と踊るについて」のエリアは、背景色が白（#ffffff）、年輪のイラスト画像が黒い。周りと違うハッキリした色合いによって、目立っている。
「森と踊るについて」は企業について説明するAboutページなので、特に訪問者に知ってほしい内容。そのため周りと違う色合い（ハッキリした色合い）にすることで目立せて、訪問者が詳細ページを訪れやすくなる効果があるのでは？
▶動くアニメーションが目を引き、見てもらいやすくなる
「森と踊るについて」エリアで、年輪のイラスト画像（版画？）がゆっくり回っている。スクロールしている中、このアニメーションはとても目を引く。手を止めてみてしまう。すごい！

【ひとつだけ自分のデザインに取り入れるとしたら】

▶自然をテーマにする時、やわらかい雰囲気にしたい時
→テキストの色を黒にしない。茶色などアースカラーが良いかもしれない。
→背景色も真っ白ではない方がいいかもしれない。

▶周りがぼんやりした雰囲気で、意図的に目立たせたい部分がある場合
→背景とテキストを白黒の組み合わせにする
→アニメーションを一部加えるのもアリかもしれない