WebGallery

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

*

自分が本を選んでいるかのようなスクロール

   

名称未設定 1

 

丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんのひととき」という企画のホームページです。灰色の背景に昔の絵本の様な絵柄で描かれた少年と犬のアニメーションが可愛らしく、シンプルに構成されています。右側にあるボタンをクリックすると本を探しているような目線の移動の仕方をしていて面白いです。そして、おすすめの本を中央に配置するのではなく少ししか見せなかったり、物と一緒に置いてあったり、本がなかったり。選んだ理由が書いてある文章をを中央に配置して本が気になる!というレイアウトにしてスクロールすると横にスライドする構成は凄いと感じました。一つ一つに社員さんのセレクトした理由がイラストと共に書いてあるのも可愛らしいです。

本だけでなく棚に一緒に置いてある物もクリックすると詳細が分かり、お勧めの本と一緒に買う人もいるのかな?と思いました。

 - 動きで表現 ,

Message

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

  関連記事

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

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

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

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

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