INI株式会社

株式会社タイトーのテクニカルサポート事業向けECサイト「TAITOTECH」のUIデザイン制作支援
https://next.taitotech.com/

クライアント

株式会社タイトー
株式会社タイトー（たいとー、英: TAITO CORPORATION）は、東京都新宿区に本社を置き、アミューズメント施設「タイトーステーション」の運営や、ゲーム機・景品の開発を行うスクウェア・エニックス・グループの中核企業である。1978年に社会現象を巻き起こした『スペースインベーダー』などの開発で知られ、現在は直営店舗でのサービス提供に加え、キャラクターグッズの企画販売やモバイル・家庭用ゲームの展開など、多角的なエンテインメント事業を行う事業会社でもある。

プロジェクトの概要

株式会社タイトーが運営するテクニカルサポート事業向けBtoB ECサイト「TAITOTECH（タイトーテック）」の全面リニューアルプロジェクトにおいて、制作パートナーとしてUIデザイン制作を担当しました。 本リニューアルでは、ECプラットフォームへの移行に伴うUI全面刷新を実施。ECシステムへの組み込みとシステム実装を考慮したUIデザインにより、業務ツールとしての効率性を維持しつつ、タイトーらしい「遊び心」と技術力を表現するブランディングを両立したデザインを実現しました。

• 

• 

株式会社タイトー　TAITOTECH
https://next.taitotech.com/

お客様の声

旧サイトは運用開始から相当の年月が経っており、部品販売を担うECサイトとして、またお客様との重要な接点として、その刷新は経営課題のひとつと捉えていました。今回のリニューアルで完成したサイトは、お客様にとって見やすく使いやすいものであると同時に、当社のサービスへの信頼感が伝わるデザインに仕上がっています。今後もこのサイトを軸に、お客様とのつながりをさらに深めていきたいと考えています。

業界先駆けで運営していたTAITOTECH WebサイトもUI含め機能不足が否めませんでした。本サイトを一新するにあたり、INIさんには、業務ツールとしての堅実さと、当社らしい「遊び心」や「技術力」のアピールという、相反しがちな要素をバランスよくデザインに落とし込んでいただきました。トップページに販促ツールと業務ツールの両立をデザインで表現いただき、扱いやすいサイトの基盤が出来ました。

プロジェクトマネージャー：INI株式会社古澤
今後もパートナーとして、サイト公開後も変化し続けるビジネス環境に合わせて、株式会社タイトーさまや「TAITOTECH（タイトーテック）」事業のさらなる飛躍を願い、最適なサポートを継続してまいりたいと考えております。事業部のメンバーの方々も素敵な方ばかりで、事業や自分たちの製品やサービス、顧客に対する熱い想いをもって日々取り組まれていました！ご入用の際にはぜひTAITOTECHサービスをご利用いただければ嬉しいです。

素材撮影のオフショット

TAITOTECHに掲載するWeb素材の写真撮影もご支援させていただきました！タイトーステーション府中くるる店と、 厚木テクニカル&ロジスティクスセンターで撮影を行いました。

• タイトーステーションに赤いジャケットが映えます！

• みなさんとわいわいカットの確認中。

• 慎重で丁寧な配送を心がけます。

• ご当地限定オリジナルメダル作成マシーン『メダリーフ』！

• 昭和の時代につくられたジュークボックスのリペアも行います！

• 思わず見惚れるフロントガラスの湾曲技術。心地よい音色で多くの人を魅了します。

• TAITOTECHの可愛いアイテム。インベーダーの赤いテープは顧客にも可愛いと評判です。

• オリジナルジャケットは「タイトーの赤色」でかっこいいです！

プロジェクトの背景・課題

株式会社タイトーでは、ゲームセンター等のアミューズメント施設運営者向けに保守パーツや販促品の販売、技術サービスの案内を行うBtoB ECサイト「TAITOTECH」において、以下の課題がありました。

• タイトーのテクニカルサポート事業のブランド価値が十分に伝わらない
• スマートフォン未対応など、店舗現場での操作性に課題がある

こうした課題を解決し、ECプラットフォームへの移行と合わせてUI/UXの抜本的な改善を実現するため、ECシステムに組み込むUIデザインの専門パートナーとしてINIが参画しました。

プロジェクトの取り組み内容

1. 業務効率とブランディングの両立
   TAITOTECHは単なる保守パーツの販売サイトにとどまらず、NESYS導入サポートやトラブルシューティング、スタッフノート（ご案内・技術）、取扱説明書閲覧など、タイトーのテクニカルサポート事業全体のポータルとしての役割を担います。発注業務を行う「業務ツール」としての使いやすさと、新商品や技術サービスをアピールする「販促メディア」としての側面を両立させるため、トップページの構成を再設計。ログイン前はサービス紹介や新規商材の訴求を重視し、ログイン後はスムーズに発注業務へ移行できるインターフェースを実現しました。
2. 「タイトーブルー」を基調とした信頼感のあるデザイン
   タイトーのコーポレートカラーである「タイトーブルー」とグレーを基調とし、BtoBサイトとしての信頼感と清潔感を表現。同時に、タイトーの企業理念にある「遊び心」や、技術集団としての「ガレージ感」をエッセンスとして取り入れ、無機質になりがちな業務サイトにブランドの個性を反映させました。
3. 多様なユーザーに配慮したユーザビリティ
   店舗の現場で発注を行う幅広い年齢層やITリテラシーの異なるユーザーに配慮し、商品検索やカテゴリ選択の視認性を向上。数千点のパーツを効率的に探せるメニューUIやレスポンシブデザインを実現しました。また、ECシステムの制約を考慮した設計を徹底し、主要ページの個別デザインに加え、他ページへの展開を見据えた再利用可能なパーツデザインを体系化。ユーザビリティの最大化と、システム実装へのスムーズな連携を両立しました。

プロジェクトの成果

長年親しまれてきたサイトの操作感を大きく損なうことなく、現代的なデザインへと刷新しました。

• 保守パーツカタログ、先出し注文、NESYS導入サポート、トラブルシューティング、TECHコラムなど多岐にわたるコンテンツへの導線を整理し、ユーザーが目的の情報へ迷わず到達できる設計を実現
• ログイン前後でUIの役割を切り替える構成により、販促メディアと業務ツールの両立を達成
• ページデザインとパーツデザインを体系化することで、開発者によるスムーズなシステム組み込みと、今後のサイト拡張の基盤を構築

INIの担当業務

• UI設計
• デザイン開発
• 写真撮影