VNSK WEAR：倉庫にないサイズを決して売らない、ストリートウェアのオンラインストア
VNSK WEAR（VENSKO）は、コレクションを少量のドロップで発表するモスクワのストリートウェアブランドです。私たちはそのオンラインストアを設計・開発しました。ブランドのルックブックの世界観を引き継いだモノクロのストアフロント、在庫管理システムMoySkladとリアルタイムに連携するカタログ、ロシアとCIS諸国へのCDEK配送に対応した購入フロー、そして開発者なしでチームが運営できる管理画面です。
課題
ドロップで販売するブランドは、商品単位ではなくサイズ単位で売り切れます。パーカーのM/Lがなくなっても、XS/Sはまだ棚にあることがあります。もうないサイズへの注文は、返金とお詫び、そして二度と戻らないお客様につながります。在庫はMoySkladにあり、注文はメッセンジャー経由で届いていました。ブランドに必要だったのは、撮影と同じくらい丁寧に作られ、クリックの瞬間に残りの在庫を正確に把握しているストアでした。
アプローチ
MoySkladを唯一の情報源とし、ほかのすべてをその周りに組み立てました。ストアフロントはあえて静かにしています。白いスタジオ写真、ブランドのイタリック体のロゴ、タイプライター書体で、服そのものに語らせます。その裏では、サイズごとにリアルタイムの在庫があり、購入フローは購入者の都市までのCDEK送料を計算し、注文はステータス、プロモコード、担当者の権限を備えた管理画面に届きます。
ルックブックのようなストア
ブランドにはすでに強いビジュアル言語がありました。白背景のオーバーサイズのシルエット、イタリック体のVENSKOロゴ、迷いのないモノクロのパレットです。ストアは独自の要素を足すのではなく、それをすべて受け継いでいます。最初の画面は2つのルックの写真で、その間にVNSKの文字があり、操作はカタログへ進むひとつだけです。
その下のトップページは、ショーウィンドウとして機能します。
- New drop：カテゴリーへのタイル。クラシックやシャツから、Old Moneyのカプセルコレクションまで。
- ベストセラー：アクセサリーのカルーセル。注文にいちばん追加しやすいアイテムです。
- フィロソフィー：ブランドのマニフェストでページを締めくくり、ルックブックへ案内します。
機能的なテキストはすべて等幅のタイプライター書体で組み、ロゴは見出し専用にしました。そのため、商品名、サイズ、価格が服のタグのように読めます。
狂わない在庫
すべての商品、価格、サイズは、ブランドが倉庫管理にすでに使っていたMoySkladから届きます。同期が必要な2つ目のカタログはありません。倉庫であるサイズが売り切れれば、ストアでも購入できなくなります。
在庫は商品単位ではなくサイズ単位で管理しています。商品ページには選んだサイズの残り数が表示され、在庫のないサイズはカートに入れられません。ブランドはM/LやXS/Sのような2サイズ兼用で製作しているため、ストアはMoySkladの登録どおりにサイズを照合します。過去に親商品に計上された注文が、実際には在庫のあるサイズの販売を止めることもなくなりました。
ロシアとCIS諸国向けの購入フロー
ブランドはロシアやカザフスタンからアルメニア、ジョージアまで11か国へ、すべてCDEKで発送しています。購入時には国と都市を選ぶと、入力しながら通常便または速達便のCDEK送料が表示され、Yandexの地図で受取拠点を選ぶか、配達先の住所を入力できます。
プロモコードはカートで適用され、割引は合計金額まで表示され続けます。決済は、ブランドが実際に代金を受け取る方法に合わせました。ストア上での暗号資産による支払いと、Telegramの担当者を通じたカードやSBPでの支払いです。
ブランドが自分で運営できる管理画面
小さなチームが、バナーを差し替えるたびに開発者を待つことはできません。ストアには専用の管理画面があります。
- ストアの状況がひと目でわかるダッシュボード
- 新規、処理中から発送済み、配達済み、キャンセルまで、ステータス別の注文
- 数クリックで作成・停止できるプロモコード
- 担当者ごとの権限と、誰が何を変更したかがわかる操作ログ
- リリースなしでドロップやテキストを変えられるサイトコンテンツ
ドロップとドロップの間は、ひとつのスイッチでサイトを止めずに販売だけを一時停止できます。カタログは閲覧できますが、棚卸し中の商品の支払いはできません。
スマートフォンで
ストリートウェアはスマートフォンで、多くの場合SNSから直接購入されます。モバイル版も同じ順番を保ちます。まず写真とボタンがひとつ、カテゴリーは横スクロールの帯、商品写真は生地を判断できる大きさ、サイズは親指で押しやすいボタンです。
見つけてもらい、計測できるストアに
100点の商品を扱うストアが成果を出すには、検索エンジンがその一つひとつを読めることが必要です。商品ごとに専用のtitle、description、SNS用のプレビューがあり、sitemapにはすべてのカテゴリーと商品が載っています。購入フロー、管理画面、APIはクローラーから閉じています。構造化データでは、ブランドを返品ポリシー付きのオンラインストアとして、カタログとレビューをコレクションページとして、ルックブックを画像ギャラリーとして記述し、検索結果に青いリンク以上の情報が出るようにしました。
アクセス解析は、まず購入者を尊重します。Yandex MetricaとMetaピクセルは同意を得てから読み込まれ、Webvisorは購入フォームの入力欄をマスクします。eコマースのイベントにはYandex Directの商品フィードと同じMoySkladのIDを使っているため、広告のレポートと在庫データが同じ商品を指します。
実装
ストアフロントはnginxで配信する静的なHTML、CSS、JavaScriptです。モバイル回線でもカタログが速く開き、ホスティング費用も抑えられます。専用のクラウドサーバーで動く独立したNode.jsのAPIが、MoySklad、CDEK、決済サービスと連携して注文を保存するため、ストアフロントには秘密情報を一切置いていません。
VNSK WEARには、私たちのWeb・モバイル開発、プロダクトデザイン、SEOが生きています。こうしたストアの予算を検討しているなら、固定価格と時間単価の比較のガイドでそれぞれの長所と短所を解説しています。ご自身のブランドを立ち上げる予定はありますか。ぜひお聞かせください。
納品内容
- カタログ、価格、サイズ別在庫をMoySkladからリアルタイムに同期
- 売り切れたサイズをカートに入れさせない、サイズ単位の在庫管理
- CDEK送料、Yandex地図での受取拠点選択、11か国への配送に対応した購入フロー
- ステータス別の注文、プロモコード、担当者の権限、コンテンツ、操作ログを備えた管理画面
- 商品ごとのSEO、構造化データ、完全なsitemap、同意後にだけ動くアクセス解析
よくある質問
ブランドの服とアクセサリーを販売します。MoySkladからのサイズ別リアルタイム在庫、ロシアとCIS諸国へのCDEK配送、プロモコードに対応し、チームが注文とコンテンツを管理する管理画面があります。
サイトと倉庫の情報が食い違わないようにするためです。商品、価格、在庫はMoySkladから届き、売り切れたサイズは注文できません。
ロシア、カザフスタン、ベラルーシ、ウズベキスタン、キルギス、アルメニア、アゼルバイジャン、タジキスタン、モルドバ、ジョージア、トルクメニスタンの11か国です。すべてCDEKで、受取拠点または自宅まで届けます。
はい。注文、プロモコード、担当者、サイトコンテンツ、ドロップの合間に販売を一時停止するスイッチは、すべてストア専用の管理画面にあります。
静的なフロントエンドはモバイル回線でも速く、ホスティング費用も抑えられます。独立したNode.jsのAPIが、すべての連携とキーをサーバー側に保ちます。ブランドはプラットフォームに手数料を払わず、コードもすべて自社のものです。
サイトの詳細
「私たちは少量のドロップで販売しているので、ストアにとって最悪なのは、もうないサイズを売ってしまうことです。Sakuraはサイトを直接MoySkladにつなぎ、在庫、注文、配送をひとつの場所にまとめてくれました。ストアは私たちのルックブックそのままの見た目で、開発者に電話することなく自分たちで運営できています。」