リニューアルの背景と課題

従来のサイトはデザインや統一感に課題があり、訪問者が目的の情報を探すのに少し迷いやすい構成でした。
そこで、全ページのトーン＆マナーを統一し、誰もが迷わず必要な情報にたどり着けるよう、使いやすさを最優先に設計し直しました。

塗装・土木業界にありがちな堅いイメージを和らげ、地域のお客様にも親しみを感じていただけるサイトデザインにすることが、お客様から求められていたポイントです。

さらに、創業100年以上の歴史に裏打ちされた信頼と誠実さを、サイト上でもしっかり表現することを目指しました。

こうした背景を踏まえ、今回のリニューアルでは、デザインの統一、使いやすさ、幅広い事業実績の訴求、親しみやすさ、そして歴史に裏打ちされた信頼感。これらをしっかり伝えるサイトへと刷新しています。

「まちを豊かに塗り替える」をデザインで体現

ファーストビューでは、キャッチコピー「まちを豊かに塗り替える」をもとに、グラデーションが時間の経過とともに柔らかく変化して、塗装によって街が豊かに色づく様子をデザインで表現しています。

ファーストビュー以外の部分は、基本的に白を基調とし、装飾を控えて清らかで澄んだ印象に統一。清潔感と見やすさを意識したデザインで、訪問者が自然に必要な情報に目を向けられる構成にしています。

清潔感と情報の見やすさを意識した構成

スクロールに応じた遊び心のある動きや、背景グリッドに沿った構図、職人さんの作業風景を散りばめることで、施工の丁寧さや現場の雰囲気を力強く伝えています。また、整理された余白やシンプルな配色で、清潔感のあるレイアウトに整え、内容も分かりやすく把握できるようにしています。

事業内容は、橋梁工事、建築工事、住宅リフォームの3つの柱に整理し、ユーザーがスムーズに情報に辿り着けるだけでなく、各事業の特徴を直感的に理解できるよう設計しています。

デザインは基本的にベーシックですが、ファーストビューの変化や動きによって、サイト全体にメリハリを与えています。

ダイナミックな作業とスケール感を見せるデザイン

山崎塗装店様は、北陸でも屈指の規模を誇り、全国5拠点を活かして幅広いエリアで大規模工事を受注できることが、他の塗装店にはない大きな強みとなっています。

これまで数々の大規模工事を手がけてきましたが、従来のサイトではこうした実績が十分に伝わっていませんでした。

お客様の要望を受け、トップページの施工事例ブロックではインタラクティブな仕組みを導入し、クリックすると写真が手前に大きく表示されるなど、視覚的に目を引く工夫を施しました。

さらにブロック下部には、ドローン撮影による高速道路の大規模工事の写真を配置し、山崎塗装店のスケール感と力強い作業をダイナミックに表現しています。

運用のしやすさも、オーダーメイドで

日々の更新や施工事例の追加がクライアント様ご自身で柔軟に行えるよう、使い勝手を重視したオーダーメイドの管理画面を設計しました。

担当者様の運用スタイルに合わせて、日々の業務の中でも無理なくご活用いただける仕組みを整えることで、公開後も安心して使い続けられるサイト運用をサポートしています。

Glicでは、目的や方向性にズレが生じないよう、初期段階でワイヤーフレームや構成案をご提示し、丁寧なすり合わせを行うことを大切にしており、情報設計から実装まで、一貫して「伝わる」ことにこだわったサイトづくりを行っています。

Webサイト制作をご検討中の方は、どうぞお気軽にお問い合わせください。