【Webレビュー】No.4 株式会社アイレップ

URL

株式会社アイレップ ｜デジタルマーケティングエージェンシー

制作会社

株式会社Beige（現在は不明）

第一印象

アイレップがどんな会社であるかが初見でわかる構成。
閲覧者がどこにいけば欲しい情報が手に入るのかが非常に分かりやすいデザイン。

ターゲット

マーケティング課題を抱えている企業

使用フォント

メイン…游ゴシック
サブ…
英語…aktiv-grotesk-extended
数字…

配色

ベース…白（#fff）
メイン…ベージュ（＃DDC9B5、#f7f2ed）
アクセント…水色(#72c5d0)
明度の異なる2種類のベージュで落ち着いた雰囲気と誠実な印象。アクセントの水色で爽やかさやフレッシュさを演出し、問い合わせしやすいキャッチーな雰囲気も出している。

サイト構成

アイレップの特徴
サービス
ナレッジ
会社情報
採用
お問い合わせ

トップページ構成

アイレップをざっくりと紹介し、サイト内の情報へのリンクが置かれ、ユーザが欲しい情報へと最短で届けるデザイン。
1.トップビジュアル
2.アイレップについて
3.最新ニュース
4.サービス概要
5.ナレッジ
6.最新セミナー紹介
7.会社情報・採用情報
8.関連サービス紹介

デザインポイント

Global nav右端のGlobalが何かのリンクなのかと思い押してしまう。無くても良いのでは？

5つのサービスで構成されていることが分かりやすい図。右下の数字や見たいエリアをクリックすることでその情報が表示される仕様。円状の図にすることで、互いのサービスが相互に作用しあっていることが分かる。クリックできることがわかるのが、カーソルの変化のみなので、ホバーで色が変わるなどのギミックがあっても良いかと思った。
画面左下の現在見ているセクションを表示するギミックが面白い。他の要素が見切れているのが、やや気になる。

実装ポイント

フォントの大きさが22（h3）と14(p)と大きな差はないが、ゴシック体の太さでコントラストを出している。
ホバーアクションなどのアニメーションはほぼなし。情報を収集することに特化しており、余計なノイズがない印象。コンサルの課題を解決したいユーザが情報に集中できる。