Abain ComponentsのWebサイトをデザイン開発しました。

Abainは、シート、テーブル、ベッド用のガススプリングやガスリフトの製造・設計を手がける企業です。

第一印象は「シンプルなWebサイト」という印象のデザインですが、サイトを訪れる方に、どのような商品の製造を専門としているのかが瞬時に伝わるようなデザインとなっています。

PC版サイト最上部に常に表示されるナビゲーションメニューでは、ホバーするとカテゴリ画像部分に商品が見えて、非常にスムーズに製品や情報を見つけられるように工夫されています。

ロゴの色が黒であるのに対して、本文テキストの色が少し抑えられたグレーである点にもご注目ください。

同じく、ダークグレーの背景に載せられているテキストも、真っ白ではなく明るいグレーが選ばれています。

これは、全体のコントラストの強弱も計算しながら、目に優しく読みやすい配色を心がけたためです。

最近ではよく見かける画面いっぱいに横幅が広がるfull-widthではなく、あえて両端に十分なスペースを開けることで、すっきりした見栄えと、ユーザーを混乱させない情報表現を実現しています。

細部までレイアウトや使いやすさに気を配りながらデザイン・設計されたサイトです。

‍

‍

‍