WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

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

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

メニュー1つ1つに画像を配置する

大阪府にある大学「大阪経済法科大学」のホームページです。 メニューの部分や一番下 …

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

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

「ハンドメイドの祭典」という雰囲気を大切にしたイラスト

2016年5月28,29日に、みなとみらいにある「パシフィコ横浜」で開催されたハ …

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

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

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

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

淡路島のいいところが”ぎゅっと”まるごと

兵庫県立淡路島公園内にある「淡路ハイウェイオアシス」のホームページです。 画面上 …

どんな環境でも見やすい

  横浜にあるレストラン&ショップのサイトです。トップページに施設の外 …

キャンピングカーでの北海道の旅の楽しさを伝えるために、イラストを使ってデザインしたレンタルサイトが可愛い!

北海道札幌市でキャンピングカーのレンタルを行っている営業所「北海道キャンピングレ …

和歌山にあるナチュラルチーズ専門店のサイトが、写真を際立たせたデザインで可愛い!

和歌山県紀の川市にあるナチュラルチーズ専門店「Copain de Fromage …