WebGallery

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

*

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

   

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。

ファーストビューがとてもインパクトのあるサイトです。
写真の部分はスライダーになっており、左上からめくれるように切り替わるようになっています。
写真1枚1枚が綺麗なものを使用しており、「こんなところを散歩してみたい!」と思ってしまいます!

黄色と黒の背景の重なり方がとても特徴的で、黄色い背景が一本の道のようになっています。そうなることでサイト全体に動きが生まれた、リズム感のあるサイトです!
フォントのジャンプ率も大きく、スマホの写真も正面のものだけでなく斜めから撮影されたものを使うことで、より動きのあるサイトになっています。

 - 動きで表現 ,

  関連記事

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

アリのマークを用いて様々な仕掛けを作る

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。 ま …

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

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

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

コントラストの強い配色で高級感のある雰囲気を演出したサイト

フランスのファッションデザイナー「pierre cardin」の日本公式サイトで …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …