サイトレビュー#9「梓設計」様

1.概要

建築設計会社のコーポレートサイト。

今まで女性向けの可愛らしいサイトを作ることが多かったので、今後コーポレートサイトも作りたいと思い選びました。

建築に、温度を。｜梓設計

2.サイトの目的

・会社について知ってもらう

・仕事を依頼してもらう

3.デザインと印象

・情報量が多いのにスタイリッシュで洗練された印象

・メインビジュアルにキャッチコピーを大々的に表示。他の文字とはジャンプ率を大幅に上げることで、コントラストが付いて印象強い

・メインビジュアルにTOPICSとNEWSを1行で流れるアニメーションを配置することで、伝えたい情報をいち早くお知らせしている

・詳細ページへ飛ぶ「続きを見る」ボタンや実績紹介の検索条件は、囲みではなく上下の線にすることで抜け感が出て軽い印象になる

・実績紹介のコンテンツにhoverすると、背景がその実績の写真になって視覚的に分かりやすい

4.Color

黒、灰、白、アクセントカラーにロゴにも使われている水色

色味を抑えてシンプルでスタイリッシュな印象

5.Font

通常のサイトより少し細くて小さいサイズのフォントが使用されている

・游ゴシック、Roboto

可視性に優れる一般的なゴシック体

・Fira Sans

サンセリフ体で基本的にスクリーン向けに最適化されているフォントらしい

初めて知ったフォントだが、書体も多くて使いやすそう

6.おわりに

今回はスタイリッシュでわかりやすいサイトが、フォントサイズや色の使い方、図形の使い方から感じられることを学べました。

情報量の多いサイトをいかに分かりやすくまとめるか、今後も様々なサイトを見て学んでいこうと思いました。

最後まで読んでいただきありがとうございます。