WebGallery

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

*

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

   

名称未設定 1

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

コンテンツが2つに分かれていて、右側では巡回する観光スポットが次々に表示されます。画像の下には白いシルエットのイラストがあるのですが、カーソルを左右に振るとイラストもそれに合わせて動く仕組みになっています。手前の木をぼかし、奥の木は色を濃くすることで奥行きが出ているのですが、更に動きを付けることで立体感が出ます。

中央の黒い円の内側にある16個の白い丸をクリックすると見たいスポットを表示してくれます。白い丸にカーソルを乗せると番号と停止する場所も一緒に表示され、さらにその場所をクリックすると観光地の詳細ページに移動します。

観光地の詳細ページでは、大きく表示されるスライダーと下に説明文があります。様々な角度から撮影した外観の写真や、屋内の写真もあり見ているだけで行きたくなります!

 - 絵で表現 ,

Message

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

  関連記事

愛くるしいスヌーピーとキャラクターがたくさん!

2016年4月、東京都港区六本木に誕生した「SNOOPY MUSEUM TOKY …

和食に牛乳という”ミルクマジック”「乳和食」

一般社団法人Jミルク「乳和食」の特設サイトです。 イラスト中心の柔らかいデザイン …

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

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

個性的な100年りんご達

長野県長野市にある農園「やまだい農園 100年りんご」のホームページです。 メニ …

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

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

手描きのイラストで柔らかな雰囲気を出しつつ、ロゴやボタンの配置でカチッとした印象も受ける「カラダとメガネの研究所」

「J!NS」が運営する「カラダとメガネの研究所」のホームページです。 ファースト …

猫好きにとってはたまらない雑貨イベント

2016年10月23日の日曜日に開催されるイベント「ニャンフェス 猫好きのための …

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

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

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

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

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

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