website見る練習08
00.選んだサイトはこちら!
02.このサイトを選んだ理由
可愛くておしゃれなのに、超絶まとまっている、なぜかを紐解きたい
03.概要
北海道発のサウナメディア「&sauna FARM」。&saunaがもつサウナコンテンツやリソースと自治体や企業がもつサービスや資産を掛け合わせることで新しいサービスの開発やコンテンツ企画、プロモーション立案などを行っていく。
それのサイト。
04.目的
&saunaや&sauna FARMを知ってもらう。
プロジェクトに興味を持ってもらう。
共創したいという企業や自治体を増やす。
上記を踏まえて、 &sauna FARMの活発な動きにつなげる。
05.ターゲット予想
20~50代男性
サウナ好き
サウナ関係者
企業や自治体
06.ファーストビュー
ローディング画面が大きめのサウナハウスで煙が黙々と動いている⇒順番に森の動物たちがハウスの前に出てくる(みんなサウナハットをかぶっていたりヴィヒタ持っていたりおしゃれ)⇒最終的にローディング画面のイラスト含めFVになっていた。
上部にナビゲーションがしっかりとある。
サイドにSNSバー
07.ナビゲーションメニュー
ナビとして載せている項目は3つ「&sauna FARMとは」これはスクロール、「プロジェクト一覧」「サウナリスト」このふたつは別ページ
検索マーク
「パートナー募集」ボタン、「会員登録」ボタン
08.フォント
英数字・・・sen-700
背景英字・・・152px
英字大見出し・・・95px
英字小見出し・・・46px
英字その他・・・68px,114px,23px
日本語・・・Noto Sans JP
本文、ナビゲーション、フッター・・・15px
日本語大見出し・・・29px
その他・・・29px,23px
09.配色
メインカラー・・・#F1C846 山吹色のような濃い黄色
テキストカラー・・・#3B3938 濃いグレー
背景で使った色・・・#A5D3AB モスグリーン #ADCFEC 濁ったブルー #EEEEEE グレー #F0E8D8 薄いオレンジ
10.考察や気づき
ローディング画面をそのままFVにも使えるというのは面白い。すべてをアニメーションにしなくても動きがあるように感じられる。
枠や背景の色を変えることによって、項目の切り替わりがダントツ分かりやすい
トレースしてみたい
この記事が気に入ったらサポートをしてみませんか?