WebGallery

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

*

背景に学生の写真を使って親しみやすさを演出した専門学校

   

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。

トップページでは、サイトを訪れた学生が「楽しそう」と感じさせるために背景に先輩たちの表情を映した写真を多用することで「親近感」を感じさせつつ、背景写真に「マックス先生」というオリジナルキャラのイラストを付けたり、短冊のように紙の上に書いたような文章を書いたりすることで、印象的なデザインになっています。

ページ全体のコンテンツも、写真の余白を利用して配置し、人物の顔に被ってしまわないよう工夫しています。
コンテンツと人物が被ってしまう部分では薄く背景色をつけ、さらに人物の写真にぼかしを加えて文章を読みやすくしています。
配色も白と黒が基本ですが、背景の写真の色や手書きのイラストのかわいらしさで、スッキリとしたレイアウトだけど可愛さも感じるデザインになっています。

 - 色で表現 , ,

  関連記事

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

鮮やかな色だけど安心感のある自動車販売店

自動車販売店「Big Wave(ビッグウェーブ)」のホームページです。 パッと見 …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

丸みを帯びたアイコンが親しみやすく感じる不動産屋さん

島根県松江市にある不動産会社「株式会社サカタ」のホームページです。 トップの夕焼 …

石巻市で働く人々の笑顔や美しい自然がステキな水産加工品メーカー

宮城県石巻市と遠田郡美里町にある、水産加工品の製造・販売を行っている「株式会社 …