WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

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

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

メロンパンケストラの愉快な仲間たち

群馬県・埼玉県を中心に展開するメロンパン専門店「メロンドパーネ」のホームページで …

人物のイラストがユニークな「BOKURA」

東京都渋谷区にあるSNSマーケティング支援・コンサル・代行を行っている「株式会社 …

地域密着の薬局サイトが、イラストやアイコンを使って親しみやすさを出していて可愛い!

札幌を中心に店舗をかまえる薬局「西岡メディカル薬局」のホームページです。 青と白 …

猫好きにとってはたまらない雑貨イベント

2016年10月23日の日曜日に開催されるイベント「ニャンフェス 猫好きのための …

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

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

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

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

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

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

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

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

「おもちゃ箱」をイメージしたテレビ朝日の新卒採用サイトが、ポップで面白い!

テレビ朝日の新卒採用サイトです。 鮮やかな黄色の背景色がとても印象的なサイトです …