CATEGORY : オーディオメーカー
-
TEAC (日本)
日本の音響機器メーカー、TEAC（ティアック）のWEBデザインです。 モノトーンで統一された潔い配色と、整然としたグリッドレイアウト、フルスクリーンのダイナミックなスライダーが特徴のサイトです。 製品に白抜き画像を使っているのも特徴で、ホワイトスペースが増えることで高級感や落ち着きも演出していて、老舗メーカーの風格を感じさせています。...
-
デノンのヘッドホン Real-wood Series | Denon公式
日本の音響機器ブランド、Denon（デノン）のヘッドホン「Real-wood Series」特設ページのWEBデザインです。 クローズアップして画面からはみ出るようにレイアウトされた製品画像が強いインパクトを与えるページです。 製品の材質も画像で伝えることで質感や触感も感じさせていて、半透明レイヤーにテキストを乗せる事でビジュアルを損なわず可読性も高めています。 ...
-
デザインシリーズのレコードプレーヤー | Denon公式
日本の音響機器ブランド、Denon（デノン）のデザインシリーズのレコードプレーヤーの特設ページのWEBデザインです。 周囲に余白を残して広がりや空気感を感じさせる製品画像とどっしりとしたキャッチコピーが印象的なページです。 接写画像や大胆なトリミング、サークル状や横幅いっぱいに表示してずらしたり重ねたり等、画像のレイアウトで躍動感を感じさせるデザインです。...
-
Denon – デノン製品公式サイト
日本の音響機器ブランド、Denon（デノン）製品公式サイトのWEBデザインです。 グリッドで整然と区切られたレイアウトとモノトーン＋ネイビーの配色がトラディショナルで、落ち着きと信頼性を感じさせるサイトです。 カード型のコンポーネントを取り入れながらも白抜き画像を用いることでホワイトスペースを多分に生み、ゆったりとした高級感も感じさせています。 またドロップダウンメニューに製品画像を表示する...
-
GRANBEAT | SMARTPHONE | SPECIAL CONTENTS | ONKYO
オーディオメーカーONKYOの超高音質ハイレゾ・オーディオ・SIMフリースマートフォン、GRANBEATの特設サイトのWEBデザインです。 商品の接写画像をフルスクリーンで表示、黒背景に溶け込ませた重厚でエレガントな雰囲気を持つサイトです。 画面右側に固定されている、イコライザーを想起させるようなナビも特徴で、WEBフォントを使用した見出しと共に洗練された印象のデザインです。...
-
Beats by Dr. Dre
Dr. Dreが設立したアメリカのオーディオ機器ブランド、Beats（ビーツ・エレクトロニクス）のWEBデザインです。 フルスクリーンで表示されたシンプルで訴求力の高いビジュアルに、グラデーションを取り入れることでより魅力を高めています。 パララックスやエフェクト、要素をずらしたり重ねたりすることで動きを演出した、躍動感の溢れるデザインのサイトです。 またページやコンテンツに合わせてフルスク...
-
DALI Speakers | Danish made, award-winning Hi-Fi Speakers
デンマークのハイエンドスピーカー専門メーカー、DALI Speakers（ダリ スピーカー）のWEBデザインです。 モノトーン×レッドの配色にずらして画像に重ねた要素やグリッド・スプリット等、様々なレイアウトで構成されたスタイリッシュなサイトです。 画像がズームするような滑らかなホバーエフェクトやフラットデザインにシャドウを加えて立体感を演出したりと、細かな部分にもこだわりが光っています。...
-
JVCヘッドホン | ハイクラスヘッドホンシリーズ「CLASS-S」
JVCのハイクラスヘッドホンシリーズ、「CLASS-S」特設サイトのWEBデザインです。 モノトーンを中心としたフラットデザインときめ細やかなエフェクトが特徴のサイトで、優雅で落ち着いた印象を感じられます。 水平方向に伸びた画像や程良いホワイトスペースが穏やかなイメージを与えている中、大小様々なグリッドや白抜き画像が動きももたらせています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
The Marantz Sound ―Core Technology of 10 & 12 Series―
音響機器ブランドMarantz（マランツ）のHi-Fiコンポーネント10&12シリーズのスペシャルサイトのWEBデザインです。 横幅いっぱいの画像がダイナミックながら平穏な印象も感じさせていて、ホワイトとシャンパンゴールドの配色が優雅で上品な雰囲気を醸し出しています。 部分的にブロークングリッドを用いて画像やコンテンツをずらしたり重ねたりすることで、単調にならずページ全体に躍動感を与えています...
-
Wireless Journey Projects | オーディオテクニカ
オーディオテクニカのプロジェクト、Wireless Journey Projects（ワイヤレス・ジャーニー・プロジェクト）のWEBデザインです。 アーティストの三戸なつめさんを起用した印象的なビジュアルをフルスクリーンで表示、下部にスクロールボタンを置くことでコンテンツへの誘導も促しています。 あえてグリッドに囚われない着用イメージ画像の配置は、自由で縛られないヘッドホンというコンセプトにも...
-
acoustic effect
日本のイヤホンメーカー、acoustic effect（アコースティック・エフェクト）のWEBデザインです。 黒背景に浮かび上がるように敷かれた背景画像と、モノトーンで配色されたデザインはクールで気品や格調の高さを伺わせます。 製品画像は白背景をベースすることで一層映えて見えていて、接写画像も使用することでインパクトと共に多くの情報も伝えています。...
-
Olasonic
日本のオーディオブランド、Olasonic（オラソニック）のWEBデザインです。 モノトーンで配色したシンプルなフラットデザインで、製品やイメージ画像が持つ色彩が一際映えて見えています。 製品ページでは型抜きの画像を使用することで白地の分量を多めに残し、落ち着きの中に動きも作りながら清潔感や洗練された印象を持たせています。...
-
ADI-2 DAC | スタジオ・サウンドを自宅でも
ドイツRME社製のDAコンバーター、ADI-2 DACの公式特設ページのWEBデザインです。 接写画像を多用して横幅いっぱいに表示したダイナミックなデザインで、強いインパクトを与えながら被写体にフォーカスし、より製品の魅力を伝えています。 さりげなくパララックス効果を取り入れたり次コンテンツへのアローを配したりと、シングルページの中にストーリーを感じさせる作りになっています。...
-
ハイレゾ対応ラジカセ AUREX スペシャルサイト | 東芝エルイートレーディング株式会社
かつての東芝のオーディオブランドの名を冠したハイレゾ対応ラジカセ、Aurex（オーレックス）特設サイトのWEBデザインです。 ブラック背景に華やかなシャンパンゴールドが映える上品で高級感を感じさせる配色で、サランネットを思わせるテクスチャーが質感も高めています。 シングルページを任意のコンテンツに移動しやすいように固定ナビゲーションを採用、タブメニューで並列コンテンツを省スペース化しています。...
-
スーパーストレッチ・ヘッドホンカバー mimimamo
音楽を愛する人のための新しいストレッチ性ヘッドホンカバー、mimimamo（ミミマモ）公式サイトのWEBデザインです。 パープルと薄いブラウンを組み合わせた配色やノスタルジックな風合いに加工されたメインビジュアルがレトロ・ヴィンテージ感を醸し出す、楽器やオーディオメーカーとしては珍しい柔らかなテイストのデザインです。 ...
-
Airpulse | プロスタジオサウンドを家庭で
ペースアンプやペダルの設計で知られるフィル・ジョーンズ氏が手がける家庭用の最新スピーカーシステム、Airpulse(エアパルス)日本サイトのWEBデザインです。 ダイナミックにフルスクリーンで表示したメインビジュアルはキャッチコピーの文字通りに臨場感たっぷりのサウンドが聞こえてきそうで、接写したスピーカー画像は細部まで質感やディテールを見せることでオンラインのデメリットをカバーして製品の魅力...
-
Fender – フェンダー公式サイト
エレクトリックギターの代名詞ともいえる楽器/オーディオメーカー、Fender（フェンダー）公式サイトのWEBデザインです。 フラットでクリーンな印象のグリッドレイアウトで、検索フィルターが直感的で分かりやすくデザインされています。...
-
Victor
株式会社JVCケンウッドによるVictorブランド紹介サイトのWEBデザインです。 フラットなデザインのグリッドレイアウトで、シンプルな中にもCSS3によるアニメーションを加えて動きをつけています。またコンセプトページはスクロールに応じてコンテンツがふわっと現れる、ストーリーテリングな手法を活用しています。...
-
ボーズ | 研究でより良い音を
スピーカーを主とした音響機器ブランド、BOSE(ボーズ）の公式eコマースサイトのWEBデザインです。 モノトーンを中心としたスタイリッシュな配色で、フルスクリーンの背景画像や動画等とジャンプ率の大きな見出しがサイトに躍動感を与えています。...
-
Bose ボーズ
業務・店舗向けプロ音響製品、BOSE（ボーズ）の公式サイトのWEBデザインです。 一見して目を引く斜めの要素がとてもスタイリッシュで、モノトーンを中心としたシャープな配色と相まって印象的です。...
-
Marshall Amps（マーシャルアンプ）
イギリス発の世界を代表するギター/ベースアンプメーカー、Marshall Amps（マーシャルアンプ）のWEBデザインです。 フルスクリーンのスライダーやグリッドが特徴のダイナミックなレイアウトで、画像を大きく表示していてスマートフォンでも見やすくなっています。...
