見出し画像

株式会社OS工芸社 #1日1サイトレビュー

・To B 向けのきっちりしたサイト
・少ない色数とベーシックなデザインからきっちり感が生まれる
・左からの素早いフェードインが仕事も早そうなイメージにつながった
・メインビジュアルはオフィスの風景が左2/3、右に会社ロゴとミッション
・オフィスの風景は2パターンあり、スライド形式
・きっちりしている中でも斜めに区切りがアクセントになっている
・斜めに区切るとシャープ、スマートなかっこいいイメージになる
・制作実績もきっちり、クールな作品が多い
・グローバルナビはメインビジュアルでは上左右に余白ありだけど、スクロールで余白なしになる
・事業紹介のアイコンがすごくわかりやすい、カードに影がついて立体感がある
・事業紹介の並びも少し斜めにずらしている
・ボタンはホバーで矢印が伸びるタイプ
・欧文はRoboto、和文はNoto Sans JP
・アクセス部分のところで東京オフィスの後ろにTOKYO、大阪オフィスの後ろにOSAKAの文字が薄くある
・見出しの大きさは28px、黒は#000000、白は#ffffffを使用している
・SPのメインビジュアルはPCで左右に並べられていたものが上下になる
・グローバルナビではお問い合わせの背景が緑だったけど、SPではハンバーガーメニューの背景が緑になる

画像1


デザインの勉強をするために活用させていただきます。