WebGallery

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

*

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

   

名称未設定 1

 

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

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

 - 動きで表現 ,

Message

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

  関連記事

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

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

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

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

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

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

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

【閲覧注意!】池袋で開催される「もうどく展2」のサイトが思った以上に毒々しい!!

2017年3月16日の木曜日から6月25日の日曜日までサンシャイン水族館で開催さ …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

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

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