soranone

デザイン見本

同じ会社・同じ文章で作ったホームページの見本です。まず「見た目」か「組み立て方」か、近いほうから見てください。

※ こちらはWeb制作の見本です。掲載している「ソラノネ化成株式会社」は架空の会社で、実在しません。住所・電話番号・数字もすべてサンプルです。

見た目A〜F 色・書体・写真がちがう6案

ページの並びは6案とも同じ。色・文字・写真の使い方だけが違います。「どんな雰囲気にしたいか」を選ぶときに。

黒と蛍光イエローの力強いデザインの見本
見た目

A / 力強く

黒+蛍光色。写真を大きく、文字も太く。設備力・現場の迫力で見せたいとき。

見てみる
白と黒に赤の差し色、数字を大きく見せるデザインの見本
見た目

B / 数字で見せる

白黒+差し色1色。写真を使わず、実績の数字と罫線で信頼をつくる。

見てみる
深緑とクリーム色のやわらかいデザインの見本
見た目

C / やわらかく

深緑+クリーム。丸い書体と余白。人・環境を前に出したいとき。採用にも。

見てみる
紺と金の落ち着いたデザインの見本
見た目

D / 重厚に

紺+金。明朝体と左右対称。歴史・信頼を前に出し、価格で戦わないとき。

見てみる
白地に大きな文字だけのデザインの見本
見た目

E / 文字だけ

写真を1枚も使わない。お写真のご用意が難しい場合でもお作りできます。

見てみる
黒地に写真を全画面で見せるデザインの見本
見た目

F / 写真を主役に

黒地に写真を全画面で。動画に差し替えることもできます。現場を見せたいとき。

見てみる

組み立てG〜J ページの並びがちがう4案

色より先に、何をどの順番で見せるかが違います。「お客さんに最初に何を見せたいか」を選ぶときに。

工程の流れを図で見せるデザインの見本
組み立て

G / 工程で見せる

「図面→金型→成形→検査→出荷」の工程図が主役。どこまで頼めるかが一目でわかる。

見てみる
製品写真を大きく見せるデザインの見本
組み立て

H / 部品が主役

製品の写真を画面いっぱいに。「何が作れる会社か」を写真で先に伝える。

見てみる
よくあるご相談から入るデザインの見本
組み立て

I / お困りごとから

「こんなご相談が多いです」から始める。困りごとを持って探しに来る人向け。

見てみる
縦書きで静かに見せるデザインの見本
組み立て

J / 静かな工場(縦書き)

全画面の写真に縦書きの一言。「売る」より「佇まい」。老舗・技術に自信のある会社に。

見てみる
料金・制作の流れを見る