WebGallery

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

*

動き・見た目・使いやすさよし!なデザインの教育コンサルタント屋さん

   

名称未設定 1

東京都多摩市にある教育コンサルタント「コンボスリープラス(COMBO3PLUS)」のホームページです。

水色と白黒で構成されたとてもシンプルなサイトです。ですがアニメーションイラストを使って親しみやすさを演出しています。ふわっと出てきたりスクロールすると左右から出てくるのは「次にどんなイラストが来るんだろう」とワクワクしてきます。
レスポンシブ対応でどのデバイスからでも見やすいレイアウトです。スマートフォンで見るとイラストの配置が変わったり、メニューのレイアウトを変えたりとスッキリと見れるように工夫されています。

スクロールすると上からメニューボタンやロゴがするっと降りてくる動きや、ボタンにカーソルを置いた時のアニメーションなど細かいところにも気を配ったデザインはとても参考になります!

 - 絵で表現 ,

  関連記事

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

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

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

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

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

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

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

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

ドットで作られた動くイラストがとても可愛らしい

グアムでスカイダイビングを体験できる「グアムでソラトビ!」のホームページです。 …

思いも寄らない毒々しい配色

今年の7月16日・17日に北海道岩見沢市にあるいわみざわ公園で開催される野外音楽 …

ロゴが映えるよう、色合いを抑えた京阪東ローズタウン

京都府京田辺市にある「京阪東ローズタウン」のホームページです。 タイトルやメニュ …

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

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

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

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

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …