ブルーとホワイトを中心にまとめたカラーがさわやかな印象のデザインで、ブラックのグラデーションをかけたナビゲーションバーが高級感を与えています。メインエリアは右側にナビゲーションを配置した2カラムレイアウトで、記事の見出しとサムネイルが2列に整然と並べられていて信頼感を感じさせるレイアウトです。右カラムは最新記事の一覧のみ背景がレッドのボックスになっており、ひときわ目を引く色使いとなっています。CMソングのランキングのページではタイアップされている作品名もまとめて表示され、CMで聞いた曲が探しやすい構成となっています。
執筆者
カテゴリ
基本情報
ポータルサイトに関連するデザイン
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「集まれ！クイズサーバー」のホームページデザイン解説方眼紙風の背景がまず目に入る知的な印象を感じさせるデザインです。背景には法眼に合わせてランダムに文字が散りばめられており、クリックするとクイズがポップアップで表示されます。メインエリアにはクイズのサムネイルがタイル状に並べられたグリッドレイ...
-
「新つくば 茨城県つくばエクスプレス沿線移住情報サイト」のホームページデザイン解説角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...
ブルーを使ったデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「株式会社ケィ・ユーシステム」のホームページデザイン解説メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「本郷メディカルソリューションズ株式会社_M&A」のホームページデザイン解説メインビジュアルでは力強いキャッチコピーとともに企業の実績をラベル風のデザインで大きく表示し、サイトを訪れたユーザーに信頼感を与えます。さわやかなブルーグリーンをメインに、オレンジとネイビーをアクセントカラーにした色使いが鮮やかでパッと目を...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
