アンクシステムズ

クラウド版EC-CUBE「ec-cube.co」を活用したECサイト制作

ユーザーのニーズにとことん応じたオーダーメイドが愉しめるオンラインショップ

タガル スーツシミュレーター搭載オンラインショップ
Get project img?id=114
CLIENT
株式会社タガル様
TYPE
ECサイト、CMS、ブランドサイト、プロモーションサイト、ツール開発
PLATFORM
PC、スマートフォン

OVERVIEW

概要

国内縫製の本格オーダーメイドビジネスウェアをあなた好みに自由にカスタマイズ

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

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

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

MISSION

ミッション

これまでにないスーツシミュレーション体験を

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

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

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

SOLUTION

ソリューション

EC基盤として、クラウド版EC-CUBE「ec-cube.co」を採用

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

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

DESIGN

デザイン

使いやすさと遊び心が調和したデザイン

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

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

オンラインショップ

スーツシミュレーター

VIEW WEBSITE

DATA

タガル スーツシミュレーター搭載オンラインショップ
株式会社タガル様
時期 2022.04
概要 クラウド版EC-CUBE「ec-cube.co」を活用したECサイト制作
タイプ ECサイト、CMS、ブランドサイト、プロモーションサイト、ツール開発
担当範囲 要件定義、システム設計、デザイン、製造
プラットフォーム PC、スマートフォン
開発言語/技術 JavaScript、PHP、SCSS、Symfony、Nuxt.js、HTML

関連する実績

  • Get project thumbimg?id=35

    消費電力を抑える見張り番!
    Webでの管理を可能に

  • Get project thumbimg?id=48

    LINEアプリと連携してFacebook投稿アプリ,Twitter投稿アプリ利用して写真付きの投稿を可能にするサービスを展開。

  • Get project thumbimg?id=87

    懸賞イベントの作成・管理・実施をWEB上でカンタンに行うためのアプリケーション。

  • Get project thumbimg?id=75

    数十年に渡る運用、保守が可能なWEBシステム開発

お問い合わせいただいてからの
進行イメージはこちらから。

お仕事のご依頼
お待ちしています。