各ブランドを立たせる。Horie Stone Galleryのwebサイトデザイン

デザイナー仲間のNANALABO DESIGNさまからのご紹介で、堀江建材株式会社さまが運営する「Horie Stone Gallery」のwebサイトを制作させていただきました。

元々は堀江建材さまが運営している玄武岩のブランド「GENBU」のwebサイトを制作する予定でしたが、他にも秋田杉を扱う「月ノ雫」というブランドも運営しており、月ノ雫も一緒に紹介することになったことで、Horie Stone Galleryとしてのwebサイトを制作することを提案させていただき、実現しました。

各ブランド専用ページを制作

なのでHorie Stone Galleryの施設紹介だけでなく、GENBUや月ノ雫のブランドページを単独で用意し、各ページにそれぞれのブランドの魅力や想い、商品一覧を記載することにしました。

商品一覧の領域は左側の商品リストが常に追従し、各商品に移動しやすいようにユーザビリティに配慮。

できるだけ写真を見やすく、商品説明も読みやすく工夫しながら制作を進めました。

石材を背景にも使用

ブランドページ以外のページのタイトル部分には、少しでも石材を取り扱っている会社だと思ってもらえるように、背景に石材の写真をテクスチャ調に少し加工して使用。

文字が見にくくならないように色味など気をつけながら、石の質感を調整しながら制作しました。

フッターのデザインにもこだわりを

フッターに問い合わせや資料請求などへ誘導する「CTA（行動喚起領域）」をつけることは今や当たり前です。

Horie Stone GalleryさんのwebサイトももちろんCTAをつけたのですが、少しデザイン性のある構成を意識し、左半分にCTA、右半分はサイトや会社情報で分けた構成にしました。

CTA領域にはわかりやすく玄武岩を発掘されている場所を背景画像にすることで、少しでも秋田県の自然をイメージしてもらいやすいようにしています。

スマホ版のwebページデザイン

スマホで見た場合も、ギャラリーサイトらしいデザインを意識し、PC版と雰囲気を合わせながらなるべく写真を大きめに見せながら制作していきました。

GENBUと月ノ雫のブランドページも、開いた瞬間からイメージとロゴで区別させるような構成で制作。

各ブランドの製品も見やすいように画像を横幅いっぱいに表示。

概要ページや問い合わせページも統一感のあるデザインで制作していきました。

PC・スマホ共にご要望に沿った形でページ制作できたと思います。

「幅を持たせる」サイト構造に

前述しましたが元々は単一のブランドサイトを制作する想定から、ギャラリー全体のサイトを制作することになった時点で、今後もブランドや製品が追加されていく可能性を見据えて制作する必要があります。

なので今ある情報でガッチリとwebサイトを制作するのではなく、ブランドや製品を増やしていけるように、幅を持たせたwebサイト構造で制作しました。

webサイト完成後、とても気に入っていただきました。
制作をお任せくださり、ありがとうございました。

Horie Stone Galleryのwebサイトはこちらから

実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。

お問い合わせは専用フォームからお気軽に

制作のご相談・お問い合わせや制作実績一覧ページは下記のリンクよりお気軽にどうぞ。