株式会社カイロス / #38ch_SiteReview

サイト概要

私たちは大阪本町にあるデザイン会社です。Webとグラフィックを中心に、お客さまの思いをつたえるお手伝いをしています。

株式会社カイロス

---

ファーストビュー

・中央にロゴを、大きすぎないサイズで配置。
・余白感が良い。
・文章も短め・単純なものでシンプルにまとまっている。
・ランダムにふわっと表示される。
・コンテンツはaboutのみ。

構成

・フロントページに、about、実績、サービス内容、お問い合わせを配置。
・短めの文章とサムネイルで、情報を単純に伝えている。（複雑でない）
・sectionの見出しは縦書き。それに合わせてfooterのサイトマップも縦書き
・新着情報ページはない。

・実績ページは、サムネイルと概要を整列させており、ジャンルごとの表示に切り替えられる。
・サービス内容ページは各説明後に実績ページに誘導する流れになっている。

フォント

種類
欧文フォント：Arial
和文フォント：游ゴシック
見出し用フォント：A1 Gothic M

サイズ・太さ
h2：42px
h3：16px

配色

stylifyme.com調べ

・背景色がほんのりクリームっぽい白で「紙に書いた」ような優しさがある。
・落ち着いた緑と白の2色が使われており、ここもシンプルさがある。
・テキスト色は#333より薄めの#5c5c5cで背景色に対して悪目立ちのない黒となっている。

レスポンシブ対応

PC、SPに対応。
@media(min-with:768px)

他

シンプル・単純・丸みのある・動きが柔らかい、「優しいデザイン」という印象。
各所、ホバー時にマウスポインタの背景に大きな丸い影ができ、クリックできることが分かりやすい。
サムネイルにホバーした際は「もっと見る」という文字付き。
お問い合わせにくるとロゴの上に顔のイラストが表示され、「あなたに向き合いますよ」感がある。事務的さが減り、相談しやすさが生まれてる。

フロントページのサムネイル