業務用洗剤を扱うOEM工場を想定して、シンプルで見やすいトップページのサンプルサイトを制作しました。
白を基調に、オレンジをアクセントとして加えることで、誠実さと前向きな印象を感じられるデザインに仕上げています。
トップページのみの制作となりますが、デザインのご参考にしていただければ嬉しいです。
メインビジュアルについて
ファーストビューでは、白背景の写真がふわっと切り替わるように表示される仕様になっています。清潔感や信頼感を伝えるイメージでまとめています。
サイト構成と見せ方
全体的に、製造業全般でよく見られる構成となっており、会社紹介・商品紹介・製品の特長・お客様の声といった内容が自然に流れるよう配置しています。
はじめてWebサイトを作る工場・事業者様にも馴染みやすい、使いやすい構成です。
PCとスマホで背景を調整
「商品紹介」や「製品の特長」のセクションでは、パソコンとスマホで背景の見せ方を変えています。
それぞれのデバイスに適した見せ方を選ぶことで、視認性や雰囲気の伝わり方がより自然になり、情報が伝わりやすくなります。例えば、パソコンでは広い画面を活かして写真背景で雰囲気を演出しつつ、スマホでは背景色で情報の可読性を優先するなど、用途やスペースに合わせた工夫をしています。
こうした調整は、レスポンシブ対応サイトならではのメリットのひとつです。
幅広い業種で参考に
OEM工場を想定していますが、デザインや構成は製造業に限らず、「会社の信頼性を伝えたい」企業様にもご参考いただける内容となっています。
▶ 実際のサンプルサイトはこちらからご覧いただけます。
