Back to Works

Cotton Archive

Every garment documented.

Cotton Archive — トップページ

Year

2025 — Present

Role

Web DesignFull-Stack DevelopmentBranding

Tech Stack

Next.jsTypeScriptTailwind CSSSupabaseVercelPuppeteer

Features

  • Webスクレイピングによるデータ収集
  • ユーザー投稿機能
  • ログイン/認証
  • レアリティスコア算出
  • 価格推移トラッキング
  • 多言語対応(EN/JA)

ヴィンテージ衣類の価値を、
データで可視化する。

Cotton Archiveは、世界中のヴィンテージ衣類をアーカイブし、 レアリティスコアや価格推移を記録するデータベースサービスです。 コレクターやディーラーが「本物の価値」を判断するための インテリジェンスプラットフォームとして設計しました。

技術面では、Puppeteerを使った主要オークションサイトからの 価格データスクレイピング、Supabase Authによるユーザー認証、 ユーザーが自分のコレクションを投稿・共有できるCGM機能を実装。 レアリティスコアの自動算出アルゴリズムも独自に設計しました。

デザインは、アーカイブとしての信頼感と、 ヴィンテージの持つ温かみを両立させることを目指しました。 太いセリフ体の見出し、モノクロベースの配色、 そしてカラフルなアクセントでデータに生命感を与えています。

2,180+

Items

322

Brands

23

Countries

Process

課題から設計へ

01

リサーチ

ヴィンテージ市場のコレクター、ディーラー、古着屋オーナーへのヒアリング。価格判断に必要な情報を洗い出し。

02

設計 & デザイン

データ密度の高いUIを、読みやすく美しくレイアウト。ブランドカラーによるカテゴリ識別、レアリティスコアの視覚表現。

03

開発 & ローンチ

Next.js + Supabaseでフルスタック構築。SSGによる高速表示、リアルタイム検索、多言語対応(EN/JA)。

Cotton Archive — アイテム詳細ページ
Cotton Archive — アイテム投稿フォーム

このようなプロジェクトに興味がありますか?

お問い合わせ