website見る練習08

00.選んだサイトはこちら！

&sauna FARM | &sauna FARMヘようこそ

02.このサイトを選んだ理由

• 可愛くておしゃれなのに、超絶まとまっている、なぜかを紐解きたい

03.概要

北海道発のサウナメディア「&sauna FARM」。&saunaがもつサウナコンテンツやリソースと自治体や企業がもつサービスや資産を掛け合わせることで新しいサービスの開発やコンテンツ企画、プロモーション立案などを行っていく。
それのサイト。

04.目的

&saunaや&sauna FARMを知ってもらう。
プロジェクトに興味を持ってもらう。
共創したいという企業や自治体を増やす。
上記を踏まえて、 &sauna FARMの活発な動きにつなげる。

05.ターゲット予想

• 20～50代男性

• サウナ好き

• サウナ関係者

• 企業や自治体

06.ファーストビュー

• ローディング画面が大きめのサウナハウスで煙が黙々と動いている⇒順番に森の動物たちがハウスの前に出てくる（みんなサウナハットをかぶっていたりヴィヒタ持っていたりおしゃれ）⇒最終的にローディング画面のイラスト含めFVになっていた。

• 上部にナビゲーションがしっかりとある。

• サイドにSNSバー

07.ナビゲーションメニュー

• ナビとして載せている項目は3つ「&sauna FARMとは」これはスクロール、「プロジェクト一覧」「サウナリスト」このふたつは別ページ

• 検索マーク

• 「パートナー募集」ボタン、「会員登録」ボタン

08.フォント

• 英数字・・・sen-700

Sen - Google Fonts

• 背景英字・・・152px

• 英字大見出し・・・95px

• 英字小見出し・・・46px

• 英字その他・・・68px,114px,23px

日本語・・・Noto Sans JP

• 本文、ナビゲーション、フッター・・・15px

• 日本語大見出し・・・29px

• その他・・・29px,23px

09.配色

• メインカラー・・・#F1C846　山吹色のような濃い黄色

• テキストカラー・・・#3B3938　濃いグレー

• 背景で使った色・・・#A5D3AB　モスグリーン　#ADCFEC　濁ったブルー　#EEEEEE　グレー　#F0E8D8　薄いオレンジ

10.考察や気づき

• ローディング画面をそのままFVにも使えるというのは面白い。すべてをアニメーションにしなくても動きがあるように感じられる。

• 枠や背景の色を変えることによって、項目の切り替わりがダントツ分かりやすい

• トレースしてみたい