WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

気軽に相談しやすそうな行政書士

長野県上田市を拠点に活動している行政書士「城田行政書士事務所」のホームページです …

愛くるしいスヌーピーとキャラクターがたくさん!

2016年4月、東京都港区六本木に誕生した「SNOOPY MUSEUM TOKY …

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

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

ロゴマークによってリンク先を変更する

厚木と海老名に在勤・在住のタウンライターがお届けする情報・webマガジン「nom …

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

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

ファーストビューで必要な情報が全て見れるよう工夫された配置

東京都江東区にある温石浴「幸泉」のホームページです。 シングルページで構成された …

時間帯によって背景が変化するアニメーション

燃料販売やガス供給などを行っている企業「株式会社 吉田石油店」のホームページです …

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

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

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

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

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

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