ケーススタディ Carter
静かでプレミアムな店構え。その下には本物のバックエンド。
- クライアント
- Carter
- 種類
- EC
- 役割
- フロントエンド・Web 開発
01概要
Carter のための公開オンラインストア。落ち着いたプレミアムなビジュアル言語を軸に設計し、データベース、認証、バックエンドを備えた本格的な EC へ成長できるようにつくりました。
02課題
ブランドと同じくらい丁寧で、見て回りやすく、本格的な連携が始まる日に作り直す必要のないオンラインストアをつくること。
02アプローチ
ストアの見た目とデータモデルを同時に設計する。インターフェースは控えめにして商品を主役にし、最初のコミットからバックエンドの土台を用意しました。
03開発内容
実際につくったもの
- 01
Next.js と React によるレスポンシブなストア。スタイルは Tailwind CSS。
- 02
Prisma と PostgreSQL（Neon）でモデル化した商品データ。認証と注文に対応できる設計。
- 03
Vercel にデプロイし、バックエンドの拡張に備えた構成。
技術
- Next.js
- React
- Tailwind CSS
- Prisma
- PostgreSQL
- Vercel
04体験
05現在の状況
Carter のストアの基盤として納品済み。
