ニシザキ工芸株式会社 塗装部

特注家具などの木工塗装を手がけるニシザキ工芸株式会社 塗装部のサイト。全体を支配するのは、無駄を削ぎ落とした静かなホワイトの余白と、力強い黒のタイポグラフィ。一見するとハイブランドのギャラリーのような洗練された佇まいでありながら、職人の手仕事と工房の空気感を凛とした緊張感とともに伝えています。この静かで重厚な佇まいは、上質を求める建築家やインテリアデザイナーといった発注者の仕上げのクオリティに一切の妥協をしたくないという切実な心理に応えるための表現です。工場の雑多さを徹底的に排除し、漆黒の背景に映える研磨の瞬間や整然とした塗装室の写真を厳選して配置。写真や動画のトーンは一定で高クオリティの素材を使用。あえて工場感を出さない逆説的なアプローチをとることで、下請け工場ではなく、造形美の価値を高めるクリエイティブパートナーとしての確固たる専門性と格式を視覚的に保証しています。余白の中に配置された作業道具や仕上げ肌のディテール写真、そして「木工塗装を、極める」というフレーズの配置まで計算し尽くされた構成。工芸としての美意識と妥協のない職人魂が静かに息づき、画面越しに圧倒的なクオリティへの信頼を感じさせます。

BERG ONISHI INC.(ベルグオーニシ)

大阪府堺市で店舗やオフィス、一般住宅向けの別注家具・什器製造を手がける「BERG ONISHI(ベルグオーニシ)」。全体を包み込むのは、広大なキャンバスのようにたっぷりと取られたホワイトの余白と、木材の質感を連想させる温かなブラウンの配色。製造業が持つ職人的で硬派なイメージを、空間の使い方とカラーリングで洗練されたモダンな空間へと昇華させています。デザインの最大の特徴は、画面の随所にリズミカルにあしらわれた木目調の幾何学シェイプです。角の取れた有機的なあしらいが、家具製作を得意とする柔軟な対応力と、顧客に寄り添う親しみやすさを直感的に伝えています。また、工業製品を連想させるようなロゴマークのパーツもスクロールエフェクトで目を惹くよう配置。これらは単なる装飾にとどまらず、木材を切り出し、精密に組み合わせていく家具作りのプロセスそのものを視覚的に表現し、まるでその一瞬をユーザーに体験させるようです。そして、計算されたアシンメトリーな構成の中に配置された写真は、真剣な眼差しで木と向き合う職人の姿や美しい木肌のディテールを捉え、手仕事の体温を画面に留めています。誠実なモノづくりの息遣いをWebサイトの表現で感じさせる秀逸な設計です。

デルフォニックス – DELFONICS

“Stationery that frees your creativity.” というコンセプトを掲げ、日常を豊かにする文具・雑貨を提案する「デルフォニックス」のブランドサイト。ファーストビューは画面を大胆に覆い尽くす鮮烈なバーミリオンと、巨大なタイポグラフィが放つ圧倒的なインパクト。レイアウトは、緻密なグリッドシステムと細い罫線で構成されています。ホワイトとブラックをベースに敷き、その幾何学的で理路整然とした枠組みの中に、ビビッドなブルーやイエローなどを用いた抽象的なグラフィックを配置。計算された秩序と自由なアート性の鮮やかなコントラストが、ユーザーの発想力や創造性を視覚的に強く刺激します。また、文具という身近な日用品のサイトでありながら、海外の美術館やアートポスターのような洗練されたモダンデザインの世界観を作り出しています。下部のスケジュールやニュースエリアも、無駄を削ぎ落としたミニマルなUIで統一。文具が持つ「書く・整理する」という機能美を体現しつつ、ブランドの揺るぎない美意識とクリエイティビティへの情熱が画面全体から力強く伝わってくるデザインです。

中田工芸株式会社

木製ハンガー専門メーカー、中田工芸のコーポレートサイトです。 “Beyond Hanger, Beyond Borders.” というビジョンを掲げ、単なる日用品としての枠を超えた洋服の居場所としてのハンガーの価値を、洗練されたエディトリアルデザインによって表現しています。白と黒の洗練されたミニマルな空間に、職人の息遣いや木の温もりが宿る高品質な写真を大胆に配置し、まるで静かな美術館を歩くような没入感を生み出しています。そしてこの研ぎ澄まされた世界観をさらに深める繊細なインタラクション設計が特徴的です。カーソルを要素に合わせると、滑らかでゆっくりとした画像のズームや、ふわりと浮かび上がるような控えめなホバーアニメーションが発動。決して派手な動きで視覚を邪魔することはなく、磨き上げられた木材の滑らかな手触りや、職人が一つひとつの製品を丁寧に扱うような優しさと心地よい「間」を感じさせます。視覚的な美しさと、触れた時の情緒的なインタラクションの融合。細部のアニメーションにまで妥協のない美意識が光り、モノづくりに対するブランドの圧倒的な誇りと品格を押し出す設計です。

株式会社アイトー

明朝体による縦書きと横書きの交差と、たっぷりとした余白の美しさが光るサイト。日本語の美しさを活かした繊細なタイポグラフィが、企業の持つ歴史や品格を表現。あえて写真を画面いっぱいに広げず、少し軸をずらしてアシンメトリーに配置することで、まるで美術館の展示空間のような余韻と心地よい緊張感を生み出しています。白と淡いグレーを基調とした、ノイズの一切ない静謐な配色設計で、文字色は真っ黒ではなく柔らかなダークグレーを採用。陰影の美しい落ち着いたトーンの写真と組み合わせることで、うつわが持つ土の温もりや釉薬の艶やかな美しさを最大限に際立たせています。ラインが走るCTAホバーアクションや、スクロールに合わせてじわっと出現するフェードインなど、控えめなアニメーションで、過度な装飾に頼らず、光と影のニュアンスを感じさせる写真と、研ぎ澄まされたレイアウトのみで勝負するストイックさ。毎日使う日用品でありながら、暮らしを豊かにするアートでもあるという、商品に対する美意識と愛情が静かに、そして深く伝わってくる上質なコーポレートサイトです。

PLAZA 60th Anniversary | PLAZA60周年記念サイト

PLAZAの象徴である鮮やかなブルーとクリーンな白と水色をメインに、ピンク、イエロー、オレンジといったビビッドなマルチカラーを大胆に散りばめた、まるでおもちゃ箱を開けたようなポップでワクワクする配色設計です。60周年というアニバーサリーの祝祭感と、海外雑貨を扱うショップならではの多様な楽しさを視覚的に爆発させています。画面の至る所に配置された海外アニメのような手描き風キャラクターイラストと、極太で丸みを帯びたポップなタイポグラフィの組み合わせも、このおもちゃ箱の世界を作る重要な要素です。ハンバーガーやクッキーなどのコミカルなイラストが、キャッチコピーを囲むように配置されたり、コンテンツの合間に顔を出したりすることで、ユーザーの視線を楽しく下へと誘導します。一方で、コラボグッズやヒストリーの紹介セクションは、角を大きく丸めたカード型UIを用いて規則的に配置されており、非常に賑やかなビジュアルでありながらも情報が散らからず、見やすく整理されている点に高い構成力が光ります。スクロールするごとにキャラクターや見出しが弾むようにぽよんと現れたり、カラフルなボタンがホバーで小気味よく反応するなど、サイト全体でユーザーをワクワクさせ続けるデザイン。長年のファンに感謝を伝えつつ、PLAZAというブランドの根底にある「見つける楽しさ」を余すところなく体現した、エンタメ性とユーザビリティが高度に融合する特設サイトです。

shica shica candle

温もりを感じさせる柔らかなアイボリーを基調に、テキストには優しく空間を引き締めるチャコールグレーを配した、心安らぐナチュラルな配色設計です。サイト自体に強い色を持たせず、キャンドルの灯りや自然光を捉えた写真の色彩をそのまま活かすことで、ハンドメイドならではの温もりと穏やかな空気感を視覚的に伝えています。キャンドルや炎の揺らぎを連想させる楕円形の柔らかなシェイプと、手描きの細い点線やイラストを空間に散りばめたレイアウト。画像を規則的なグリッドに並べるのではなく、あえてアシンメトリーに配置し、たっぷりと余白を取ることで、ゆったりとした心地よい時間の流れを表現しています。見出しにはエレガントなセリフ体と本文は柔らかく親しみやすい明朝体で上品でありながらも日常にそっと寄り添う、アトリエの優しい世界観を見事に体現しています。スクロールに呼応するモーションは、写真やテキストがふんわりと優しく浮かび上がるフェードインで統一され、テキストもふわっと出現するアニメーションで、キャンドルに火が灯るような静かで落ち着いたリズムを生み出しています。柔らかな楕円と手書きの線が、キャンドルのような温もりを画面に灯す穏やかなアトリエのサイトです。

SOUZO by maruman

クリーンなライトグレーとホワイトを基調に、テキストにソリッドなブラックを配した明快でモダンな高コントラスト配色です。あえて強いアクセントカラーを持たせず、プロダクト自体が持つ鮮やかなオレンジや深みのあるブルーなどの色彩を主役として引き立てています。配置された写真は、ライティングを活かしたクリアな明度と彩度で統一され、文房具の美しいテクスチャをノイズなく伝えています。タイポグラフィは視認性の高いモダンなゴシック体を主軸とし、ファーストビューやフッターに配置された極太で幾何学的なロゴタイプが、サイト全体にアートピースのような強い視覚的インパクトを与えています。本文にはゆとりのある字間・行間を持たせ、洗練された空気感を担保しています。 レイアウトは堅牢なグリッドシステムをベースにしつつ、画面幅を大胆に使った画像配置によってポートフォリオのようで、上質なカタログをめくるような心地よい視線誘導と世界観を実現しています。ホバー時には画像の微小なズームや滑らかなリンクの変化でフォーカス状態を可視化し、たっぷりの余白の中に配置されたミニマルなテキストリンクが、ユーザーを自然に詳細ページへと導く無駄のない導線設計となっています。

ACOE

落ち着きのあるベージュを背景に、情緒豊かな余白を活かしたラグジュアリーな構成。洗練された細身のフォントを印象的にレイアウトし、各コンテンツの境界を優雅に際立たせながら、唯一無二のブランドイメージを構築している。ページを読み進めるごとに現れる滑らかな演出は、滞在の心地よさを予感させ、訪れる者の興味を途切れさせない。中盤の宿泊プラン紹介では、情緒的な見せ方から一転して「価値を伝える」構成にシフト。高品質な建築美を伝える写真と、海外ゲストの感性にも響く遊び心あふれる挿絵を融合させ、情報の解像度と視覚的な楽しさを両立させている。色彩は深みのあるグリーンを基軸に、温かみのあるイエローをスパイスとして散りばめることで、日本の伝統美を現代的にアップデート。美しい静止画と繊細なスクロールアニメーションが共鳴し、静謐さと高揚感が同居した、誠実かつクリエイティブな宿泊体験を可視化している。

ぺんてる

大胆なプロダクトビジュアルと鮮やかな色面が画面いっぱいに立ち上がるファーストビュー。余計な装飾を排しながらも、文具メーカーらしい“色”と“かたち”の魅力を真正面から打ち出し、創造性と信頼感を同時に印象づけます。スクロールに沿って展開する製品情報やブランドストーリーは、整ったグリッドと明快なタイポグラフィで端正に整理され、情報量が多くても視線が迷いません。写真の切り替えやセクションの出入りには控えめなモーションが添えられ、静かなリズムがページ全体を貫いています。プロダクトの質感や筆致のニュアンスを丁寧に伝えるカットの配置、用途やカテゴリごとに分解された導線など、“使う前から品質が伝わる”設計が細部まで行き届いているのも印象的。派手な演出に頼らず、色・形・余白・動きのバランスだけでブランドの歴史と誠実さを語り切る構成です。ものづくりの姿勢とユーザーへのまなざしがUIの隅々にまでにじむ、静かに強い説得力を持ったコーポレートサイトです。

Making Design Make Sense.
デザインを、感覚から理解へ。
© Design Decode. 901