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

 - 絵で表現 , ,

  関連記事

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

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

道案内標識のようなボタンがとても可愛らしい

愛知県名古屋市にある「金山駅」の目の前にあるテナントビル「長谷川ビル」のホームペ …

気軽に相談しやすそうな行政書士

長野県上田市を拠点に活動している行政書士「城田行政書士事務所」のホームページです …

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

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

人物のイラストがユニークな「BOKURA」

東京都渋谷区にあるSNSマーケティング支援・コンサル・代行を行っている「株式会社 …

ロゴマークによってリンク先を変更する

厚木と海老名に在勤・在住のタウンライターがお届けする情報・webマガジン「nom …

メロンパンケストラの愉快な仲間たち

群馬県・埼玉県を中心に展開するメロンパン専門店「メロンドパーネ」のホームページで …

豊かな自然が生み出す食と農のふれあい「もぐもぐ会議」

北海道のホクレン農業協同組合連合会(ホクレン)が運営する「くるるの杜」の新しい活 …

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

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

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

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