WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現

Message

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

  関連記事

可愛らしいイラストを使って楽しそうな雰囲気が伝わってくる観光情報サイト

福岡県八女市にある公園「星のふるさと公園 星野村観光情報」のホームページです。 …

イラストを使って分かりやすくする

京都府にある施工業社のホームページです。全体的に手書きのイラストでデザインされて …

全体に色を使わずに、イラストを強調させたアートイベント

ポストカード展・グループ展を中心に「作家の立場から考えたアートイベント」をコンセ …

和歌山にあるナチュラルチーズ専門店のサイトが、写真を際立たせたデザインで可愛い!

和歌山県紀の川市にあるナチュラルチーズ専門店「Copain de Fromage …

地域密着の薬局サイトが、イラストやアイコンを使って親しみやすさを出していて可愛い!

札幌を中心に店舗をかまえる薬局「西岡メディカル薬局」のホームページです。 青と白 …

見やすく、且つ、綺麗にデザインされ、情報量の多さを感じさせない

  西荻窪で経営している浜商不動産のホームページです。ベージュを背景色 …

フラットなイラストが可愛らしく動いて、楽しい様子が伝わってくる

CMや映像、WEBなどの音楽制作およびアーティストのプロデュースを行っている音楽 …

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

コンテンツを1つ1つ大きくして見やすくする

  新潟にあるホテルのホームページです。コンテンツブロックの1つ1つが …