No.012 Sansan

名刺管理サービスを提供するSansan株式会社のWebサイト。

Sansan

・選んだポイント

しばらくは異なる業種から選択しようと思っています。今回はビジネスの分野から一つ選択。

・ファーストビューの印象

ホワイトとブルーの落ち着くカラーリング、シンプルなイラスト。くっきりと区切るのではなく、余白を効果的に利用してコンテンツをまとめている。わかりやすく、穏やかな印象。

・レイアウト

シングルカラム

・レスポンシブ対応

ブレイクポイント：320px,375px,415px,600px,769px,782px,1001px,1300px

・フォント

見出し：helvetica

本文：helvetica

 

・メニュー

PC：ナビゲーションバー/ハンバーガーメニュー

SP：ハンバーガーメニュー

 

・カラー

ベースカラー：#FFFFFF ホワイト

メインカラー：#004F99　ネイビー

アクセントカラー：#D70C18　レッド

サブカラー1：#ECF9FD　ライトブルー

 

・感想、参考になった部分

シンプルで見やすいページ。見出しのジャンプ率が高く、伝えたい内容が簡潔に目にとまるような工夫がなされている。

淡いブルーの使い分けとたっぷり取った余白で、空間のゆとりを感じた。