【day63】株式会社CRAZY(株式会社クレイジー) #1日1サイトレビュー

株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.

【概要】
CRAZY WEDDING、IWAI OMOTESANDOなどの事業を展開する会社のコーポレートサイト

【選んだ理由】
背景のアニメーションやメニュー内の動きが新鮮だったから

【参考になるデザイン（PC）】
・ローディング画面からファーストビューへの遷移アニメーションが凝ってる！
→整列したドットが浮かび上がって集約して、ピンボケしたようにふわふわ浮かぶ背景アニメーション
→希望や夢のような明るい印象
・ファーストビューはロゴ、コピー、メニュー、SNSアイコン
・サイト全体で背景が鮮やかで動きがあるぶん、フォントはほぼ黒っぽいグレーで統一
・事業内容によって、アイコンとエリア背景、それぞれのニュースを入れ替えている
・下層ページリンクボタンがユニーク！動きがある

 

・TOPページのフッターエリアまでスクロールすると背景の光の要素が上へ移動し、青くなる
→印象ががらっと変わり、会社のコンセプトがアピールできるようなデザイン

・メニュー画面では、左側に各事業の概要、右側にドラックで事業を切り替えられるようなデザインになっている（面白い！）
→ドラッグした事業にあわせて背景の色も変わる
・下層ページではCRAZY MAGAZINEとフッターがほとんどのページで共通化されている
・ほわっとしたデザインが多いので使われているラインは細い
→ここで太いラインを使っていたら雰囲気とあわないんだろうな〜

【ターゲット】
・個人や法人で結婚式を依頼したい人
・メディア関連？
・採用に応募したい人

【サイトの目的】
・会社の概要と事業を知ってもらう
・問い合わせをしてもらう
・会社の最新情報を知ることができるメールマガジンに登録してもらう

【フォント】
英語見出し：Lato（Adobe Fonts）
日本語サブタイトル：DNP 秀英角ゴシック銀 Std（Adobe Fonts）
日本語本文：游ゴシック体

【カラー】
フォント：464646（黒っぽいグレー）、fff
メニュー：707070（グレー）
ボーダー：959595（薄いグレー）

【レスポンシブ（SP）】
・事業一覧はアイコンをタップして表示が切り替わるデザインになっている
・全体的に中央揃えのレイアウトになっている

【感想まとめ】
ファーストビューまでのモーションから惹きつけられるサイト。
リンクボタンやメニュー画面のデザインも新鮮な感じがするし、PC・SPどちらでも操作しやすいUIになっていると思う！
フッターの、がらっと印象がかわるデザインも素敵。

▼PCサイズ キャプチャ