サイトのタイトル通り、文庫本の表紙が一覧に並べられていて、それを眺める為のサイトになっています。CDを選ぶ場面などで使われる所謂「ジャケット買い」のような感覚で、本の表紙を見て興味・関心を持ってもらうことを促す一風変わった試みをしているサイトです。ページ全体が奥行きを感じる立体的な構成になっていて、スクロールをすることで本の表紙が奥から手前に近づいてくるような表示がされています。「平置き」と「散りばめ」という2パターンの表示の仕方が用意されていて切り替えることができ、本との出会いを大切に考える気概を感じます。また気になった表紙をクリックするとピックアップされて本の詳細情報と検索リンクが現れるようになっていて、読みたい本を新しい角度から探せる面白いツールとして利用価値が非常に高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
-
「京都みなみ会館」のホームページデザイン解説ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
-
「なら国際映画祭2020」のホームページデザイン解説鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
-
「YouTube」のホームページデザイン解説画面左側にサイドメニューを配置し、メインエリアを広くとったレイアウトです。サイドメニューは画面幅によってメニューの表示量が切り替わり、画面の広さを無駄にしない工夫が見られます。ファーストビューで大量に動画サムネイルが並ぶため、ロゴのレッド以...
Webメディアに関連するデザイン
-
「madameFIGARO.jp」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、ファッション情報を掲載しています。グローバルナビにてビューティ、トラベルやカルチャーなどを案内しています。トップページの中央に、madameFIGARO.jpの週間...
-
「VOGUE JAPAN」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、VOGUE JAPANのファッションブランドを紹介しています。グローバルナビにてビューティ、ライフスタイルなどを案内しています。トップページの中央に、VOGUE J...
-
「TOKYO VOICE WEB」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、TOKYO VOICEのオリジナル記事を紹介しています。3本ラインのメニューボタンにて話題のニュース、オンラインショップなどを案内しています。トップページは2カラム...
ベージュを使ったデザイン
-
「Our Planet」のホームページデザイン解説Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
-
「並木町の整骨院」のホームページデザイン解説トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
-
「福岡 薬院の美容室｜&Loosen（アンドルーセン）」のホームページデザイン解説トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
シンプルなホームページのデザイン
-
「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
-
「博報堂 HAKUHODO Inc.」のホームページデザイン解説ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
-
「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中！」のオレンジのアイコンが貼ってあります。グローバルナビにて...
