WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現

Message

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

  関連記事

就活生から職人まで、自分に合ったメガネが見つかるかも!

眼鏡・コンタクトレンズの販売を行っている「メガネの愛眼」が、様々な生活シーンに合 …

ホームビデオを見ているような暖かみのある歯科医院

兵庫県神戸市にある歯科医院「そうあいデンタルクリニック」のホームページです。 ト …

動くイラストを使い難しい内容でも伝わりやすく

自然エネルギーを中心としたエネルギーに関する情報発信サイト「みるみるわかる En …

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

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

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

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

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

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

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

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

写真の見せ方にひと工夫加える

岐阜県にある旭ヶ丘幼稚園のホームページです。パステルカラーで構成された可愛らしい …

ワクワクしてくるイラストたち

加藤憲ホールディングス株式会社の2017年度新卒採用の特設サイトです。 加藤憲ホ …

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

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