WebGallery

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

*

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

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

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

ファーストビューの研究員たちが大きな眼鏡の上で眼鏡について研究しているイラストがとても可愛らしいサイトです。
背景には薄く線が引いてあり、手描きのイラストで柔らかな雰囲気を出しつつロゴやボタンの配置でカチッとした印象も同時に受けます。
左側にコンテンツ・右側に眼鏡をかけていることで起こる体の悩みについての項目が配置されています。メニュー1つ1つが大きく、余白も大胆に使ってゆとりのあるデザインになっています。カーソルを置くと、くるっと回転してさらに項目が表示される仕組みなのも面白いですね!

各項目のページに移動すると、メニューが左側に移動します。コンテンツの文字は大きめに設定されどの年齢層でも見やすい・分かりやすいよう文章だけでなくイラストも使用して症状について説明しています。
サブページの一番下には関連するページに移動するボタンが配置され、カーソルを置くとイラストが出てくる仕組みになっています。
ボタン1つ1つの動きもそれぞれ違うので、トップページだけでなくサイト全体に動きが出ていてとても面白いサイトになっていると感じました。

 - 絵で表現 , ,

  関連記事

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

遠近感のあるサイト

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

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

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

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

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

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …

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

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

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …

愛くるしいスヌーピーとキャラクターがたくさん!

2016年4月、東京都港区六本木に誕生した「SNOOPY MUSEUM TOKY …

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

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