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つの動きもそれぞれ違うので、トップページだけでなくサイト全体に動きが出ていてとても面白いサイトになっていると感じました。

 - 絵で表現 , ,

  関連記事

コンテンツを1つ1つ大きくして見やすくする

  新潟にあるホテルのホームページです。コンテンツブロックの1つ1つが …

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

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

全体に色を使わずに、イラストを強調させたアートイベント

ポストカード展・グループ展を中心に「作家の立場から考えたアートイベント」をコンセ …

「おもちゃ箱」をイメージしたテレビ朝日の新卒採用サイトが、ポップで面白い!

テレビ朝日の新卒採用サイトです。 鮮やかな黄色の背景色がとても印象的なサイトです …

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

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

男女問わず楽しめそうなゴルフスクール

和歌山県和歌山市にあるゴルフスクール「Sundy’s golf sc …

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

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

ふるさと納税したくなるような特設サイト

福岡県久留米市のふるさと納税特設サイトです。 黄色を基調としたカラフルな色合いが …

可愛らしいイラストを使って楽しそうな雰囲気が伝わってくる観光情報サイト

福岡県八女市にある公園「星のふるさと公園 星野村観光情報」のホームページです。 …

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

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