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

 - 絵で表現 , ,

  関連記事

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

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

アクセントカラーを上手く使ったデザイン

  神奈川県にある看板専門店のサイトです。全体的にアイコンやシルエット …

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

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

浮世絵を使ったデザインで歴史を感じさせる

石川県金沢市にある一番古い、あめ屋「飴の俵屋」のホームページです。 歴史が180 …

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

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

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

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

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

おにぎりを使用したプロモーション

毎年10月16日は「世界食料デー」ということで、おにぎりを食べようというプロモー …

「ハンドメイドの祭典」という雰囲気を大切にしたイラスト

2016年5月28,29日に、みなとみらいにある「パシフィコ横浜」で開催されたハ …

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

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