YKKスナップファスナー 企業サイトトップページ

ポイント

トップページを改修し、ブランドイメージの向上を実現

YKKスナップファスナー様では、「企業の新たな取り組みやメッセージの発信を強化したい」「昨今のユーザー環境にあわせて、さまざまなデバイスでの見やすさ・使いやすさを改善したい」という課題がありました。

Webサイト全体のリニューアルは、時間的にもコスト的にも大掛かりな作業となります。そこで今回は、現状の課題を少しでも早く改善するため、トップページのみを対象としたリニューアルを行いました。

ブランドとして伝えたいメッセージや、サステナビリティへの取り組み等、現在のYKKスナップファスナーの情報を発信し、ユーザーに訴求したい内容を整理して刷新しました。

ロゴ色ベースの配色と機能的なデザインで、さらなるブランドイメージアップへ

デザイン・ユーザーインターフェイス(UI)設計については、既存の下層ページとの親和性を重視し、企業・商品のイメージ向上効果を実現しています。

• レスポンシブデザインを採用し、Webフォントにすることで、ユーザーの利用環境に依存せず、表示再現性や読みやすさ、見やすさに配慮しました。
• 下層ページとの親和性を重視し、ロゴのブルーをメインカラーにする配色方針を維持しつつ、アクセシビリティに配慮した文字色・背景色設定やフォントサイズ設計を行いました。
• 主要商材であるボタン・スナップの形状を意識し、ボタンに円形や角丸を取り入れ、全体的に、柔らかく親しみを感じられるデザインとしています。
• 会社外観の動画は、回線速度に余裕のあるPC向けでは動画に、素早く情報を手に入れたいスマートフォン向けでは静止画と、表示要素を切り分けています。