WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

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

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

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …

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

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

動くイラストを使い難しい内容でも伝わりやすく

自然エネルギーを中心としたエネルギーに関する情報発信サイト「みるみるわかる En …

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

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

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

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

男女問わず楽しめそうなゴルフスクール

和歌山県和歌山市にあるゴルフスクール「Sundy’s golf sc …

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

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