WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

文字間を空けてサイト全体のデザインに合わせる

山形県にあるハウスメーカー「ササキハウス」のホームページです。 上部のグローバル …

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

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

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

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

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

イラストを使って分かりやすくする

京都府にある施工業社のホームページです。全体的に手書きのイラストでデザインされて …

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

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

鹿児島県にある幼稚園のサイトが、動きを使ったデザインで可愛い!

鹿児島県日置市にある幼稚園「学校法人 朝日ヶ丘学園 朝日ヶ丘幼稚園」のホームペー …

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

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

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

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

全体に色を使わずに、イラストを強調させたアートイベント

ポストカード展・グループ展を中心に「作家の立場から考えたアートイベント」をコンセ …