サイト観察記 第5弾

サイトデザインのスキルアップのために1日1サイトレビューをしていきます！

今日のサイト

今日のサイトは、「くまWEB」さんのサイトです！

概要

目的

• 知名度を上げる

• 受注案件数を増やす

ターゲット

B2B向け
WEB制作会社などでコーディングの外注を考えている人

構成

• TOP

• 数字で見るくまWEB

• サービス

  • HTML

  • WordPress

  • EC

  • 記事の移管（お引越し）

  • コーダーのレンタル

• ブログ

  • HTML

  • jQuery

  • Webサービス

  • Web制作

  • WordPress

  • お知らせ

  • その他

• 料金

• 納品の流れ

• お客様の声

• 制作実績

• 会社概要

• よくある質問

• お問い合わせ

デザイン

赤がメインに使われており、元気な印象を与えるデザインになっています。
目立たせたい部分を赤で強調したり、コンテンツを太めの線で区切ったりすることでにぎやかな印象を与えています。

また、顔出しNGでマネキンを代用しているようですが、逆にユーモアがあってサイトにマッチしています。
メリハリのあるデザインで、見出しやキャッチコピーのフォントサイズが大きめに配置されています。

「数字で見るくまWEB」でくまWEBの魅力を数値で端的に紹介しています。
リクルートサイトでよく見る構成ですが、魅力がより伝わりやすくなりますね。

「サービス一覧」の長めのキャッチコピーなど、部分的に見出しを縦書きにすることで右の写真と文字とのバランスを取ったり、他のテキストとの差別化を行っています。
「数字で見るくまWEB」でも、一部縦書きになっているのが大胆で良いですね。

下層ページの見出しが右寄せになっているのはユニークですね。
おそらく上にあるパンくずリストとテキストが被って、バランスが悪くならない・余分な余白を作らないようにしているのでしょうか。

おわりに

アメコミ風で飽きないサイトでした！
些細なアニメーションも充実していて、コーダー代行サービスの会社だからこそ、このような部分でコーディング的な技術が表現されていますね。
また明日！