WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現

Message

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

  関連記事

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

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

鹿児島県にある幼稚園のサイトが、動きを使ったデザインで可愛い!

鹿児島県日置市にある幼稚園「学校法人 朝日ヶ丘学園 朝日ヶ丘幼稚園」のホームペー …

動き・見た目・使いやすさよし!なデザインの教育コンサルタント屋さん

東京都多摩市にある教育コンサルタント「コンボスリープラス(COMBO3PLUS) …

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

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

手前の木をぼかし、奥の木は色を濃くして奥行きを出し、更に動きを付けることで立体感が出る

北海道仙台市中心部観光スポットを結ぶ巡回バス「るーぷる仙台」のホームページです。 …

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

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

暖色系の色味を使ったデザインで、暖かみのあるサイトに

  北海道にある酪農家の特設サイトです。酪農家の家族の物語が約2分間の …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

少ない文章で必要な情報が分かる

  バーベキュー塾のサイトです。その名の通りバーベキューをするにあたっ …

イラストとモデル写真の組み合わせで独特の世界観を演出する

「Eva」というアーティストさんのアパレルブランド「harapeco商店」のホー …