WebGallery

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

*

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

   

名称未設定 1東京都渋谷区にあるSNSマーケティング支援・コンサル・代行を行っている「株式会社 BOKURA」のホームページです。

トップに大きく配置されたイラストがとても可愛らしいサイトです。吹き出しの部分はボタンになっており、各ページに移動することができます。また、人物のイラストにカーソルを置いたり、クリックすると動く仕組みになっていて面白いです!

「サポートエリア」のページでは、支援領域や広報戦略について書かれているのですが、クリックするとそのリストが画面上部に吸い付くように表示されます。自分が今どこを見ていたのかが分からなくならないように工夫されていますね。

ページを移動する時も、ふわっと消えてふわっと出てくるのが良いですね!タイトルやパンくずの部分も上から降りてくるように表示されます。とても参考になりました。

 - 絵で表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

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

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

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

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

時間帯によって背景が変化するアニメーション

燃料販売やガス供給などを行っている企業「株式会社 吉田石油店」のホームページです …

ファーストビューで必要な情報が全て見れるよう工夫された配置

東京都江東区にある温石浴「幸泉」のホームページです。 シングルページで構成された …

手前の木をぼかし、奥の木は色を濃くして奥行きを出し、更に動きを付けることで立体感が出る

北海道仙台市中心部観光スポットを結ぶ巡回バス「るーぷる仙台」のホームページです。 …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

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

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

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

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

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

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

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

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