事例/Maria B.
セールシーズンを生き残らなければならないファッションストアフロント
Maria B. 向けのコマース — ルックブック、コレクション、ドロップが来ても耐えるチェックアウト経路。
- クライアント
- Maria B.
- 所在地
- ラホール、パキスタン
- 年
- 2024
コマース · Web
info@lyrocode.com
面
コマース
優先
モバイル
年
2024
仕事からの写真
プロダクトに合う写真 — 建物、フロア、服、道路 — ノートPCを指差す人のストックではありません。
仕事
ファッションのトラフィックは均一ではありません。コレクションドロップやセール週は、3月の火曜とは別のサイトです。店は衣服を正しく見せる必要がありました — 刺繍、色、ドレープ — カタログが負荷下でも注文を取れなければなりませんでした。
ルックブック、サイズガイド、コレクションページがカートと争っていました。トラフィックの大半はモバイルです。遅い商品ページは失われた売上です。
作ったもの
写真とカタログ速度をプロダクトとして扱いました。コレクションテンプレート、フィルタ付き閲覧、世界を再読み込みしないチェックアウト経路。ドロップ用コンテンツは全面再構築なしで公開できます。
ブランドの小売言語は残しました。祭事とアンステッチのコレクションは汎用ショップテーマではなく Maria B. として読めます。パフォーマンス作業はビジュアルと同じスプリントに置きました。
着地点
ストアフロントはセールトラフィックでも耐えます。新しいコレクションは週末のホットフィックスではなく、カタログから上がります。商品ページはウィジェットのサイドバーではなく、衣服の周りに作られています。
- コレクションとルックブックのテンプレート
- 写真を中心にした商品ページ
- チェックアウトとカタログのパフォーマンス作業
- モバイルファーストの閲覧とフィルタ
スタック
出荷に使ったもの — このプロダクトのために選んだのであって、スライドのためではありません。
Shopify
Next.js
React
TypeScript
Tailwind CSS
Vercel
“セール週は息を止める意味でした。ページは衣服のように見え、スマートフォンで開き、コレクションが公開されるたびにエンジニアリングに頼まなくて済みます。”
