Noir.
Reference Lab

Fork targets to choose together.

ここでは、ただ有名なサービスではなく、デザイン/UXへの外部評価・良い口コミ・賞・ベンチマークがある候補を優先しています。 音系UX、ファッションEC、デザイナー家具、AIコマース基盤を分けて、どの単位をNoirへ取り込むかを提案します。

01
Endel
High capturesoundstatecalm ux

Endel

Apple Watch App of the YearとしてAppleに取り上げられ、音の状態変化を日常UXに落とす参考になる。

  • Forkする単位: 状態に応じて変化する静かなセッションUI、最小操作、環境的なフィードバック。
  • Noirへの取り込み: NoirのHomeで、保存済み・価格下落・在庫復活を騒がしくなく状態表示する設計に転用する。
02
djay
Medium capturesoundcontrolsaward

djay

2024 Apple Design AwardのSpatial Computing部門で受賞。複雑な操作を触覚的なUIに落とす実例。

  • Forkする単位: 高密度コントロールを破綻させない配置、モード切替、リアルタイム操作の手触り。
  • Noirへの取り込み: Offer Compareやフィルターのような高密度操作を、スマホで扱えるコントロール面にする。
03
NTS Radio
Medium capturesoundculturearchive

NTS Radio

ライブ、アーカイブ、トラックリスト、ストア/サポーター導線を同じ世界観に収めている。

  • Forkする単位: カルチャー感のある番組一覧、再生中状態、アーカイブ発見、メンバー導線。
  • Noirへの取り込み: Noir JournalとCapsuleを、単なる記事/リストではなくカルチャーの入口として扱う。
01
Farfetch
High capturefashionluxurytrust

Farfetch

App Storeレビューに、初見で使いやすく高品質商品が分かるという評価が見える。高単価商品の信頼UIも参考になる。

  • Forkする単位: ラグジュアリー商品詳細、ブランド/販売店の信頼、返品配送の見せ方。
  • Noirへの取り込み: Noir Product Detailで、買う前の不安を減らすMerchant/Return/Trust領域に転用する。
02
Lyst
High capturefashionaggregationhandoff

Lyst

App Storeレビューで、複数ブランド横断と安い購入先への送客体験が評価されている。

  • Forkする単位: 横断検索、外部販売店への購入ハンドオフ、ブランドフォロー。
  • Noirへの取り込み: NoirのProduct/Variant/Offer分離と、AIにも人間にも分かる購入先比較に直結する。
03
ModeSens
High capturefashionoffer comparevisual search

ModeSens

App Store掲載文で、画像やURLから検索でき、複数サイトを移動せず節約できるパーソナルショッパー体験を訴求している。

  • Forkする単位: Offer比較、価格/在庫/販売店の構造、URL/画像検索。
  • Noirへの取り込み: Noir Recommended OfferとAll Offersの中心参考。最安値ではなく購入確信比較へ変換する。
04
SSENSE
Medium capturefashionvisual toneeditorial

SSENSE

サービス/配送評価は混在するが、アプリを待望する声やファッション文脈での強いブランド想起がある。視覚トーンの参考に限定する。

  • Forkする単位: 白黒の静けさ、商品画像の扱い、編集的な余白。
  • Noirへの取り込み: Noirの見た目の温度感。検索/比較はSSENSEに寄せず、Noir独自で実務的にする。
05
ZOZOTOWN
High capturefashionspeedsearch/filter

ZOZOTOWN

国内最大級のファッションECで、App Store/Google Playのレビュー件数が非常に多く、検索・絞り込み・お気に入り・購入までの速さに高評価が集まる実務的UXの基準点。

  • Forkする単位: 高速な検索/フィルター、商品一覧の情報密度、ワンタップ保存、購入までの最短導線。
  • Noirへの取り込み: NoirのSearch/Filter/SaveのスピードとUX基準。見た目はSSENSE寄りに、操作の速さはZOZO基準に合わせる。
01
Design Within Reach
High capturefurnitureawardeditorial commerce

Design Within Reach

Sites GalleryでCSS Design Awards Winnerとして掲載され、Overall 9.02、Usability 9.1、Mobile 8.9のスコアが示されている。

  • Forkする単位: 家具ECの編集感、商品文脈、カテゴリ/ストーリー/購入導線の接続。
  • Noirへの取り込み: アパレル以外のデザイナー商品をNoir Capsule/Journalに広げる時の情報設計参考。
02
Chairish
Medium capturefurnitureresalesave

Chairish

Chairish公式ブログでBest Shopping Appや2017 Webby Honoreeへの言及がある。ヴィンテージ/中古家具の発見UXが参考になる。

  • Forkする単位: 一点物の保存、状態/寸法/配送、インテリア文脈のカード設計。
  • Noirへの取り込み: リセールやデザイナー家具をNoirに取り込む時のCondition/Trust/Save導線に転用する。
03
1stDibs
Medium capturefurniturecurated marketplacetrust

1stDibs

App Store掲載文と公式アプリ紹介で、家具・ジュエリー・ファッション・アートを専門セラーからキュレーションする体験を訴求している。

  • Forkする単位: 高単価・希少品のカタログ、販売者信頼、専門家/ギャラリー文脈。
  • Noirへの取り込み: Noir Verified Merchantやデザイナー家具/ヴィンテージ品の信頼UIに転用する。
01
Apple Landmarks (Liquid Glass)
High captureliquid glassnativeofficial sample

Apple Landmarks (Liquid Glass)

Apple公式のサンプルコードで、system-provided / custom Liquid Glassを使ってアプリ体験を構築する正攻法。本物のLiquid Glass挙動の唯一の一次情報源。

  • Forkする単位: glassEffect(_:in:)の使い方、ツールバー/ナビ/シートの質感、背後コンテンツとの関係と入力反応。
  • Noirへの取り込み: WebのCSS近似トークンを、将来SwiftUIネイティブへ置換する時の正解の基準にする。逆コンパイルは禁止、公式APIに乗せる。
02
CrossX (jtvargas/crosspoint-app)
Medium captureliquid glassMITswiftui

CrossX (jtvargas/crosspoint-app)

READMEにMIT license / native SwiftUI / iOS26・macOS26 の .glassEffect() 採用と明記され、clone/build手順もある実アプリ。合法にforkできる数少ないLiquid Glass実装例。

  • Forkする単位: 実プロダクトでの .glassEffect() 適用パターン、SwiftData/App Intents連携の構成。
  • Noirへの取り込み: Noirをネイティブ化する段階で、MITの実装例として参照する。Apple公式サンプルと併読する。
03
Expo GlassEffect / Callstack liquid-glass
Medium captureliquid glassexporeact native

Expo GlassEffect / Callstack liquid-glass

Expo公式のGlassViewはiOSネイティブのglass effectをレンダリングすると明記。Callstackのliquid-glassもMITでiOS26 Liquid Glassを持ち込むRNライブラリ。

  • Forkする単位: React Native/ExpoからiOSネイティブglass effectをブリッジする方法とフォールバック設計。
  • Noirへの取り込み: Web→PWA→React Native/Expoへ移行する想定の橋渡し。iOSは本物、Androidは近似のfallbackと割り切る。
01
ChatGPT Commerce / ACP
High captureai commercefeedbackend

ChatGPT Commerce / ACP

OpenAIのcommerce specsでproduct feedとcheckout sessionsが定義されている。Noir backendのProduct/Offer/Feed設計に直結する。

  • Forkする単位: 商品Feed、eligibility、checkout session、merchant checkout handoff。
  • Noirへの取り込み: NoirのAI引用/AI購買対応のバックエンド参照。UIではなくデータ構造を借りる。
02
Baymard Mobile Ecommerce UX
High captureux researchmobile ecommercebenchmark

Baymard Mobile Ecommerce UX

BaymardはモバイルEC UXの大規模調査とベンチマークを公開しており、ネイティブアプリ/モバイルWebの失敗パターン把握に使える。

  • Forkする単位: 検索、フィルター、商品リスト、PDP、チェックアウト前のUX検証基準。
  • Noirへの取り込み: フォーク対象ではなく、NoirのスマホUXが実務的に破綻していないか見る評価基準にする。