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

 - 絵で表現 , ,

  関連記事

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

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

思わず眠くなってくる?雰囲気の絵本

子育て中のパパママたちの間で密かに話題になっていた絵本「おやすみ、ロジャー」の特 …

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

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

スクロールなどの動作を遅くすることで、より細部まで目がいくようにする

株式会社アブ・アウトが経営する北海道旭川発祥「らーめん山頭火」のホームページです …

鹿児島県にある幼稚園のサイトが、動きを使ったデザインで可愛い!

鹿児島県日置市にある幼稚園「学校法人 朝日ヶ丘学園 朝日ヶ丘幼稚園」のホームペー …

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

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

施設や風景の写真が綺麗な温泉パーク

静岡県函南町にある温泉パーク「天然温泉 湯~トピアかんなみ」のホームページです。 …

見やすく、且つ、綺麗にデザインされ、情報量の多さを感じさせない

  西荻窪で経営している浜商不動産のホームページです。ベージュを背景色 …

配色を落ち着かせる代わりに、イラストやアイコンを多用し可愛らしさを残す

埼玉県上尾市にある「上尾ことぶき幼稚園」のホームページです。 まずサイトを開いた …

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

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