ワ多ナベのWebデザイン探訪1件目「サクラクレパス」

探訪記事サムネ
この記事は約2分で読めます。

さて始まりました、新コンテンツ「ワ多ナベのデザイン探訪」です。
2〜3日ペースでちまちま更新していくのでよろしくおねがいします、がんばります。

株式会社サクラクレパス
サクラクレパスはボールペン、シャープペンシル、サインペン・マーカー、絵画用品・学用品、消しゴム、事務用品などの総合文具メーカー。株式会社サクラクレパスの公式サイト。

今回はこちらの「サクラクレパス」Webサイトを分析・レビューしてみました。

サイトの分析

サイト分類】:コーポレートサイト・ブランディングサイト・商品紹介サイト
メインビジュアル】:スライド型メインビジュアル
サイトレイアウト】:1カラム
ナビゲーション】:(PC)固定 (モバイル)ハンバーガー
ターゲット層】:ビジネス、顧客、教員、新卒

カラーリング・フォント

フォント
“Yu Gothic Medium”, “游ゴシック Medium”, YuGothic, 游ゴシック体, “ヒラギノ角ゴ Pro W3”, メイリオ, sans-serif;

カラーリング
ベースカラー:#FFFFFF
メインカラー:#CB0303
アクセントカラー:#999999
フォントカラー:#000000

特徴

機能

  • 文具販売や採用、使い方指導など複合的機能を有したサイト。
  • サイトの情報量にボリュームがあるが、適切な情報設計により管理・分類されている。
  • 自社商品紹介もサイト内で行っており、カタログ検索・カテゴリ検索・キーワード検索可能などが可能。
  • コーポレートサイトとして教職員への情報も提供しており、幅広いユーザーの要望を達成できるサイトに仕上げている。

デザイン

  • サイトメインカラーは「サクラクパス」ロゴカラーを引き継ぎ、赤色が設定。
  • サイトをスクロールすると見出しやセクションのタイトルがフェードインする仕様。ふわっとでてくるアレ。
  • 虹色の配色(初心者感のある虹色)をメインビジュアルのキャッチコピーに使用。
    →幼少期にサクラクレパスで描いた「虹色」をユーザーに思い出させる。
  • 各アイコンなどはカラフルながらもシンプルなものが使われている。

まとめ

誰もが知る文具メーカーのオフィシャルサイトだけあり適切な情報設計に基づきデザインされていることが判明しました。

情報量が多いながらも見る人を飽きさせない遊び心を随所で感じ取ることができ、幼少期の図画工作の授業時間前の様なワクワクをサイトから感じました。

コメント

タイトルとURLをコピーしました