オーダースーツとシャツの事業を展開されている株式会社タガル様。
東京都内に3店舗のみ（渋谷区代官山/恵比寿/表参道）でありながら、これまで数多くの企業様・ドラマ・映画などで衣装提供の実績もお持ちです。
今回は、「オーダーメイドをもっと身近に感じてほしい」「オーダーメイドの愉しさを伝えたい」というお客様の想いから、「スーツシミュレーター搭載オンラインショップ」の制作をご用命いただきました。

オンラインショップでオーダーできるスーツは、ベーシックなビジネススーツ、ふだん使いも可能なオフィスカジュアルやセットアップ、本格的なタキシードなど様々。
技術力の高い国内縫製で安心してスーツを作れるほか、「最速7日でオーダースーツが自宅に届く」というスピード感は業界内でも驚異的です。

「スーツを購入する人もしない人も、シミュレーターで気軽にコーディネートを愉しんでほしい」
そんな社長様やスタッフ様のご要望に応えるべく、使いやすさはもちろん遊び心も織り交ぜたサイトを目指しました。

ジャケット・ベスト・パンツといったスーツのほか、スーツに合わせるシャツまでも同時にシミュレーションできます。
シミュレーションに使われるパーツ画像は7,000点以上。細かなところも一切妥協せず、ジャケットのステッチまでも再現するように努めました。

このようなオンラインシミュレーション機能は、特にユニフォームなどのアパレル商品販売でご相談いただくことが多いのですが、今回はデザインのみならず、シミュレーション結果に商品価格も連動する複雑な仕様です。
これらのフロントエンド機能を、Vue.js（Nuxt.js）というJSフレームワークを採用して開発しています。

種類豊富な生地やカスタマイズパーツ

オーダーされた機能をいかにして実現するかを見極めた結果、開発環境にはクラウド版EC-CUBE「ec-cube.co」を採用しました。
https://www.ec-cube.net/product/co/

クラウド版EC-CUBE「ec-cube.co」ならではの強みとして、プラットフォーム側がアップデートやセキュリティ施策をしてくださるところがありますが、逆に言うとその実現のために、機能改修には制約があります。
どこまでが改修可能なのかなど、まだ「ec-cube.co」がリリースされて間もなかった時期の採用だったので、一つ一つ検証を行いながら開発を重ねました。想定通りの改修ができない場合は回避策用のプラグインをオリジナルで開発するなど、工夫を重ねながら仕上げていきました。

ただ購入するだけのオンラインショップではない、スーツの魅力を詰め込んだサイトにするべく、デザインディレクションには特に時間を注ぎました。
お客様には通常営業の合間を縫って細かくフィードバックいただけたことで、よりご満足いただけるデザインに昇華できました。
サイトでは、リキッドレイアウトや要素が次々にフェードインする動きなどのトレンドも抑えながら、魅力的なコピーや商品写真でタガル様ならではの個性も演出しています。

スーツシミュレーターはスマートフォンにも対応しているので、いつでもどこでもコーディネートを愉しめます。
必要に応じて各アイテムを脱ぎ着したり、後ろ姿の確認をしたり、色々なネクタイと合わせたり…
実店舗に近いオーダーメイドを味わいつつ、ワンタップで生地やパーツの種類を入れ変えられるのはオンラインならではの利点です。
ぜひ一度、自分好みのスーツコーディネートを体感してみてください。

オンラインショップ

スーツシミュレーター