ブラック1色の背景にレッドのアクセントカラーが映える色使いと、奥から手前にせり出すようなモーションをつけたスライドショーがクールなイメージを感じさせます。右から左へと流れるイベント告知には、右上に半透明のレッドの円を重ね、そこに日付を記載することで開催日とイベント内容が同時に目に入るレイアウトです。ニュース一覧と下層ページのニュース記事はグレーの背景にレッドのラインでエリアを囲み、可読性を上げています。
執筆者
カテゴリ
基本情報
ライブハウスに関連するデザイン
-
「近江楽堂」のホームページデザイン解説メインビジュアルは落ち着いたパープルのグラデーションを背景に、左に施設名とキャッチコピーを重ねたコンテンツの背景は導入部分をパープルとホワイトで色分けし、ホール内を映した縦アングルの写真をずらして重ねています。アクセス方法の案内は交通手段別...
-
「ageha」のホームページデザイン解説ダークグレーの背景にホワイトのフォント、レッドのアクセントカラーで構成されたクールな印象のデザインです。ナビゲーションバーの下にはTwitterのテキストが右から左へとスクロールし、その下にメインビジュアルのスライドショーが配置されています...
-
「Billboard-Live」のホームページデザイン解説ファーストビューでは全国3か所のライブハウス内の様子が鮮やかな写真で並び、ホワイトの英文フォントを重ねてクールな印象を与えています。各会場のページでは写真の右側にベタを引いてテキスト情報を重ねたスライドショーで直近のイベント情報を告知し、会...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ブラックを使ったデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「サンファーネス株式会社」のホームページデザイン解説サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
