オフィス家具ブランド「TOYOSTEEL」

サービスサイト

SP、タブレット対応のレスポンシブデザインサイトへリニューアル

サイトが古くスマートフォンやタブレットへの対応もできていなかったことからフルブラウザのレスポンシブデザインサイトへリニューアルしました。
また、CMSで商品情報の追加・削除・表示順の入れ替えを可能にした仕組みを導入、急な更新にも対応できるようにしました。

SP、タブレット対応のレスポンシブデザインサイトへリニューアル

1カラムのロングスクロール型デザインで、商品写真を際立たせるために白黒ベースのシックでシンプルなデザインにしました。

画像点数が多いサイトのためサイトサイズの圧縮を検討

サイトの本質上、画像点数が多くなるのと、きれいな画像を掲載したかったので、ロゴやアイコンに関してはsvg、写真（サイズが大きい画像）に関してはwebp拡張子にして画像関連の圧縮を行いました。
ロゴやアイコンはsvgにすることで従来拡張子（pngやgif）の1/10程度、画像に関してはjpegの1/5程度に圧縮でき、サイトを軽くすることができました。
特にロゴなどはsvgにすることでRerinaディスプレイ対応する必要がないので、開発側にとってもメリットが高い拡張子です。