「文庫の顔」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトのタイトル通り、文庫本の表紙が一覧に並べられていて、それを眺める為のサイトになっています。CDを選ぶ場面などで使われる所謂「ジャケット買い」のような感覚で、本の表紙を見て興味・関心を持ってもらうことを促す一風変わった試みをしているサイトです。ページ全体が奥行きを感じる立体的な構成になっていて、スクロールをすることで本の表紙が奥から手前に近づいてくるような表示がされています。「平置き」と「散りばめ」という2パターンの表示の仕方が用意されていて切り替えることができ、本との出会いを大切に考える気概を感じます。また気になった表紙をクリックするとピックアップされて本の詳細情報と検索リンクが現れるようになっていて、読みたい本を新しい角度から探せる面白いツールとして利用価値が非常に高いサイトに仕上がっています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 株式会社プラスディー

サイト名: 文庫の顔

URL: https://bunko.design/

「文庫の顔」のホームページデザイン解説

執筆者

カテゴリ

基本情報

ゲーム・漫画・映画・アニメに関連するデザイン

Webメディアに関連するデザイン

ベージュを使ったデザイン

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む