メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度を下げることで全体のトーンにまとまりを出しています。記事サムネイルのエリア内をカラフルに色分けすることでコンテンツの多彩さと楽しさを表現しています。記事のサムネイルにマウスオーバーするとキャラクターのアニメーションが飛び出したり紙吹雪が舞ったりするなど、ブックオフの楽しさを伝えるさりげない工夫が随所に見られるサイトです。
執筆者
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
-
「株式会社 潮出版社_潮WEB」のホームページデザイン解説サイトを開くとナビゲーションメニューの下にカルーセルメニューが表示され、新刊やおすすめ情報を紹介するビジュアルが次々と表示されます。メインエリアは右側にナビゲーションメニューを配置し、ランキングやリンクを配置しています。ブラウンとイエローを...
-
「有限会社feel.」のホームページデザイン解説縦方向のナビゲーションメニューと、横方向のタイトル・新着情報エリアがコンパクトにまとまったファーストビューです。トピックスのエリアにはスタジオが手掛けた作品のキャプションとサムネイルが一堂に並び、華やかさと技術力の高さをうかがわせます。下層...
-
「株式会社 ピー・アール・エー」のホームページデザイン解説アニメーションスタジオのコーポレートサイトで、メインビジュアルでは手掛けた主要な作品をスライドショーで紹介しています。モノトーンにブルーをアクセントにしたフラットなデザインで、制作実績・撮影実績は年度ごとにテーブルでまとめられています。下層...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
フラットなホームページのデザイン
-
「FabCafe」のホームページデザイン解説世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
