WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

イラストは背景色で区切られた中に配置するのではなく、枠内からはみ出させることで動きがでる

   

名称未設定 1

静岡県浜松市にある建築会社「マルベリーハウス(桑原建設)」のホームページです。

画面中央に配置されたキャッチコピーの左右には、木のようなイラストがあり緑を連想させます。また、キャッチ画像の下にも薄く背景としてそのイラストが使用されています。落ち着いた背景色で区切られた中に配置するのではなく、イラストのみはみ出させることでよりイラストが印象的になります。

「マルベリーハウスとは」などの他のページに移動するとタイトル部分にもそのイラストが使用されてて、さらに2つのイラストの大きさを変えることで遠近感がでます

その中で、右側の資料請求・お問い合わせボタンや「モデルハウスへ行く」というボタンはオレンジ色にすることで目立って良い感じですね!

 - 絵で表現

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

キャンピングカーでの北海道の旅の楽しさを伝えるために、イラストを使ってデザインしたレンタルサイトが可愛い!

北海道札幌市でキャンピングカーのレンタルを行っている営業所「北海道キャンピングレ …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

文字間を空けてサイト全体のデザインに合わせる

山形県にあるハウスメーカー「ササキハウス」のホームページです。 上部のグローバル …

「ハンドメイドの祭典」という雰囲気を大切にしたイラスト

2016年5月28,29日に、みなとみらいにある「パシフィコ横浜」で開催されたハ …

和食に牛乳という”ミルクマジック”「乳和食」

一般社団法人Jミルク「乳和食」の特設サイトです。 イラスト中心の柔らかいデザイン …

ドットで作られた動くイラストがとても可愛らしい

グアムでスカイダイビングを体験できる「グアムでソラトビ!」のホームページです。 …

ロゴが映えるよう、色合いを抑えた京阪東ローズタウン

京都府京田辺市にある「京阪東ローズタウン」のホームページです。 タイトルやメニュ …

人物のイラストがユニークな「BOKURA」

東京都渋谷区にあるSNSマーケティング支援・コンサル・代行を行っている「株式会社 …

道案内標識のようなボタンがとても可愛らしい

愛知県名古屋市にある「金山駅」の目の前にあるテナントビル「長谷川ビル」のホームペ …

メニュー1つ1つに画像を配置する

大阪府にある大学「大阪経済法科大学」のホームページです。 メニューの部分や一番下 …