emol work　＃1日1サイトレビュー

emol work (エモルワーク) | 社内のメンタルヘルス課題を解決するコミュニケーションツール

【概要】

会社の組織やチームの悩みを可視化し、ティール組織を実現させるサービスのプロモーションサイト

【印象】

・白いキャラクターがゆるくて可愛らしい

・青緑と赤っぽいピンクの色合いが派手でポップ

・PCでは下にスクロールすると右に動く。一般的なサイトは上下に動くため、左右に動くのは新鮮で印象強い

【メインビジュアル】

・フルスクリーン

・サービスのコンセプトがずっと画面の中で流れている、文字が大きいため印象大（ずっと見てると少々目が回る...）

・背景で「emol works」の大きい文字も流れている

・白いキャラクターがアニメーションの動作のように（？）ずっとモニョモニョ動いている

・画面の左上にサービス名（丸っこい文字が白いキャラクターと相まって可愛らしい）

・画面の右上で「CONTACT US」の２文が円形になってグルグル回っている、カーソルを合わせると黒い丸に白地の「CONTACT」のアイコンに変わり、クリックするとお問い合わせフォームに飛ぶ

・右下にSNSに飛ぶアイコンが二つ（TwitterとFacebook ）、カーソルを合わせるとポヨンッと一瞬大きくなる

・グローバルナビゲーションは無し

【コンテンツ】

・悩みがなかなか言えないチームの現状（過去）とこのサービスを使うことで解決される未来がイラストで表示されていて分りやすい

・スクロールすると背景色の境目がボヨンボヨンと動く

・スクロールして進むごとに見出し、文章、イラストが次々と現れてくる。動きが多い

・サービス内容が3stepで簡単に説明されている

・文章が出てくる時は黒い四角いシェイプがフェードアウトすると文章が現れる

・サービスを使用することで出てくる不安な声に回答している

・利用人数によって金額がわかる簡単なシミレーションができる

・最後に大きくお問い合わせの文字

【フォント】

・Noto Sans JP

・ジャンプ率高め

・説明の比較的小さい文章の行間は少しゆったり

【カラー】

・ベースカラーは白、メインカラーは明るい青緑（#02c6b2）と薄い青緑（#dcf7f4）、アクセントカラーは明るいオレンジピンク（#ff7273)

・テキストカラーは黒

【レスポンシブ】

・SPではスクロールするごとに文章やイラストが次々と出てきたPCのような動きがあまりない

・メインビジュアルの「CONTACT」はグルグル回転しておらず、黒い丸のアイコンのまま