WebGallery

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

*

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

   

名称未設定 1

 

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

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

 - 動きで表現 ,

Message

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

  関連記事

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

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

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

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …