WebGallery

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

*

スクロールなどの動作を遅くすることで、より細部まで目がいくようにする

   

名称未設定 1

株式会社アブ・アウトが経営する北海道旭川発祥「らーめん山頭火」のホームページです。

とてもラーメン屋さんのホームページには見えない、とてもお洒落で格好良く、良い意味でイメージを崩れさせるデザインだと感じました。ページの読み込み中のアニメーションも、黒い背景に和のテイストのイラストが代わる代わる表示され、しかも様々なパターンがあるということに驚きました。

全体のスクロールやボタンにホバーした時のアニメーションをゆっくりにし、色も相まって落ち着いた雰囲気のデザインになっています。また、トップのコンテンツの白い背景のイラストも同時にスクロールさせることで、奥行きのあるデザインにしています。(しかもこのイラストも様々なパターンがあるんです)

トップに大きく表示されるムービーも、邪魔にならないようにグローバルナビをアイコンのみ表示させているのも工夫されていると感じました。サイト全体の色を抑えることで、写真の色が映えて見えるのでとても参考になるデザインです。

 - 絵で表現 ,

Message

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

  関連記事

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

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

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

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

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

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

施設や風景の写真が綺麗な温泉パーク

静岡県函南町にある温泉パーク「天然温泉 湯~トピアかんなみ」のホームページです。 …

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

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

ページの内容で、コンテンツのレイアウトを変える

  「女性による女性のための競馬サイト」UMAJOのリニューアルサイト …

豊かな自然が生み出す食と農のふれあい「もぐもぐ会議」

北海道のホクレン農業協同組合連合会(ホクレン)が運営する「くるるの杜」の新しい活 …

おにぎりを使用したプロモーション

毎年10月16日は「世界食料デー」ということで、おにぎりを食べようというプロモー …

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

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

就活生から職人まで、自分に合ったメガネが見つかるかも!

眼鏡・コンタクトレンズの販売を行っている「メガネの愛眼」が、様々な生活シーンに合 …