大阪の陣400年を記念して作られた、戦国の武将好きユーザーに捧げるホームページです。ホワイト地にブラックのやや太めのゴシック体を使っただけのシンプルな作りながら、レトロな雰囲気がよく出ています。ファーストビューには、戦国時代の絵巻物の写真が掲載されています。トップページを下方にスクロールしていくと、大坂の陣はなぜ起こったのかが説明されています。記事はプロローグで始まり、大阪夏の陣と大阪冬の陣、福井藩との関わりについて読むことができます。それぞれの記事がラインごとにまとまっており、とても読みやすいです。下層ページに、豊臣方の武将と徳川方の武将の一覧が掲載されています。それぞれの武将のエピソードが、簡潔に紹介されています。
執筆者
カテゴリ
基本情報
イベントに関連するデザイン
-
「Tadaima! Design Scramble」のホームページデザイン解説ファーストビュー画像は文字や図形がフェードインや動き回ることで躍動感のある楽しい雰囲気があります。イベントの開催中止の案内は最も目立つようにバナー削除も選択できる常時バナーによって表示させています。ページ下部を進むとコンセプトメッセージが縦...
-
「株式会社 TOROMI PRODUCE」のホームページデザイン解説グレーをベースに、ゴールドやブラックをアクセントにしたサイトです。ファーストビューには、男性の食事風景が写っています。トップページのいたるところに、ゴールドの“とろみ”がしたたっています。3本ラインのメニューボタンにて、TOROMI PRO...
-
「Shenzhen Design Week」のホームページデザイン解説中国のデザイン関係のイベントの告知サイトです。サイトにアクセスするとまず画面いっぱいに大きく表示されたイベントタイトルに圧倒されます。画面をスクロールするとポスター上のサムネイルがタイル状に並び、マウスオーバーすると画像がめくれあがってキャ...
LPに関連するデザイン
-
「ドコドアWP」のホームページデザイン解説サイトを開くとワードプレスのコーディング実績をラベルやリボンで協調した、鮮やかなビジュアルがまず目に入ります。ワードプレスのロゴに近いくすんだブルーに、補色のピンクを組み合わせた鮮やかな色使いが目を引く色使いです。ユーザーの悩みをテキストと...
-
「株式会社山王プロダクション_無料オーディションLP」のホームページデザイン解説メインビジュアルは女性モデルを右側に、キャッチコピーを左側に配置した構成で、背景を斜めにカットしてキャッチコピーを右上がりにすることで躍動感を演出しています。シンプルな1カラムのレイアウトに鮮やかなグリーンをメインカラーにしたさわやかな色使...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
ホワイトを使ったデザイン
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
フラットなホームページのデザイン
-
「FabCafe」のホームページデザイン解説世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
