WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現

Message

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

  関連記事

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

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

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

手描きのイラストで柔らかな雰囲気を出しつつ、ロゴやボタンの配置でカチッとした印象も受ける「カラダとメガネの研究所」

「J!NS」が運営する「カラダとメガネの研究所」のホームページです。 ファースト …

宇宙空間を表現するために、画面下から上に泡を出したりイラストをふわふわ浮かせたりしたイベントサイト

2017年3月9日の木曜日から6月28日まで、東京ドームシティで開催している「T …

ページの内容で、コンテンツのレイアウトを変える

  「女性による女性のための競馬サイト」UMAJOのリニューアルサイト …

豊かな自然が生み出す食と農のふれあい「もぐもぐ会議」

北海道のホクレン農業協同組合連合会(ホクレン)が運営する「くるるの杜」の新しい活 …

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

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

気軽に相談しやすそうな行政書士

長野県上田市を拠点に活動している行政書士「城田行政書士事務所」のホームページです …

あまり知られていない上野動物園の魅力がギュッとつまった「UENO PLANET」が面白い!

東京都大東区にある「上野動物園」が運営する「UENO PLANET」の特設サイト …

コントラストを少なくした配色でお年寄りでも見やすいデザインに

台東区にある社会福祉法人「台東区社会福祉事業団」のホームページです。高齢者や児童 …