トップページの構成が、ブラックの背景に商品の写真や運営するバーの写真を大きく使っていて斬新でインパクトのある演出となっています。写真にカーソルを合わせると、写真全体が一瞬だけ発光するモーションが加えられていて、サイトの雰囲気をより一層際立たせる効果となっています。上部に設置されたナビゲーションメニューから、「エリア情報・サッポロを飲む」のページに遷移すると、様々なコンテンツのリンク画像が右から左に流れていく表示があり、楽しく閲覧できる工夫が施されています。地域限定コンテンツも設置してあり充実の内容で、見ていて楽しいサイトに仕上がっています。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ブラックを使ったデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「サンファーネス株式会社」のホームページデザイン解説サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
かっこいいなホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
