私たちが構築したものは何ですか?
オンラインマーケットプレイスプラットフォーム
ゴール
難解なサービスを扱う大手ポータルである Miistico は、既存の WordPress サイトを拡張する必要がありました。
彼らの目標は、専門家を雇うためのマーケットプレイス機能を扱う、React で構築された専用プラットフォーム (pro.miistico.com) を作成することでした。この新しいマーケットプレイスには、次の要件が必要でした。
- より速く、より効率的: ページの読み込み時間を大幅に短縮してユーザーエクスペリエンスを向上
- アクセス性が高い: 誰もがプラットフォームを利用できるようにすること
- 強化されたユーザーエクスペリエンス: 既存のソリューションと比較して、より直感的で視覚的に魅力的なエクスペリエンスを提供する
- 合理化された機能: ビデオ通話、セッション予約、ロールベースのアクセス制御などの重要な機能をプラットフォームに直接統合します。
- コスト効率が高く、拡張性に優れています。 将来の成長に備えて拡張性を確保しながら、サーバーのメンテナンスコストを最小限に抑えます
チャレンジ
別のチームが 1 年以上かけて WordPress で開発した当初のプロジェクトは、Miistico の期待に応えられませんでした。ページの読み込み時間が遅く、アクセシビリティが優先されておらず、全体的なユーザー エクスペリエンスが不足していました。
プロセスを迅速化し、より高品質のソリューションを実現するために、開発を最初からやり直し、4 か月以内に MVP を完成させました。
解決
私たちは専門知識を活かして React、Node.js、クラウド テクノロジー (AWS) 高性能でユーザーフレンドリーなプラットフォームを構築することです。Miistico のニーズに私たちがどのように対応したかをご紹介します。
- 超高速パフォーマンス: アプリケーションを最適化して、ページの読み込み速度を0.5秒に短縮しました。これは、当初の4秒から大幅に改善されたものです。
- 完璧なアクセシビリティ: このプラットフォームはLighthouseで完璧なスコアを獲得し、すべてのユーザーにとっての使いやすさを保証しました。
- 強化されたデザイン: クライアントが提供した当初のデザインを大幅に改善し、より魅力的で視覚的に魅力的なユーザーエクスペリエンスを実現しました。
- 統合機能: Google MeetやCalendlyなどの外部サービスへの依存を排除し、社内のビデオ通話プラットフォームとセッション予約システムを開発しました。これにより、専門家のGoogleカレンダーとの統合も可能になりました。
- ロールベースのアクセス制御: ユーザープロファイル（管理者、専門家、ユーザー）に基づいて関連するページと情報を表示し、カスタマイズされたエクスペリエンスを保証するシステムを開発しました。
- スケーラブルなクラウド展開: AWS上にプラットフォームを導入することで、サーバーのメンテナンスコストが低く、拡張性が高くなり、Miisticoが将来の成長に効率的に対応できるようになりました。また、完全なバックアップとセキュリティ対策も実装しました。
結果
新しい React ベースのマーケットプレイスは大成功を収めました。
- 品質保証： Lighthouseなどのウェブ分析ツールで満点を獲得し、優れたパフォーマンスとユーザーエクスペリエンスを実現
- 売上急増: このプラットフォームにより、売上と投資が大幅に増加し、Miisticoはラテンアメリカに進出することができました。
技術スタック
- フロントエンド： React (ユーザーインターフェースを構築するための JavaScript ライブラリ)
- バックエンド: Node.js (サーバーサイド開発用の JavaScript ランタイム環境)
- クラウド インフラストラクチャ: 導入と拡張性のための AWS (Amazon Web Services)
- 追加テクノロジー
- 迅速なスタイリングのためのTailwind CSS（ユーティリティファーストのCSSフレームワーク）
- 社内ビデオ通話のためのWebRTC（Webリアルタイムコミュニケーション）
- Stripe と PayPal (支払い処理ゲートウェイ)
- Google カレンダー API (プロフェッショナルのカレンダーとの統合)
- Google Analytics（ウェブサイトのトラフィック分析とレポート）
このプロジェクトは、高速でスケーラブル、かつユーザーフレンドリーな Web アプリケーションを構築する上での React の威力を実証しています。Nyxidiom は、パフォーマンス、デザイン、統合機能、安全なインフラストラクチャに重点を置くことで、Miistico がビジネス目標を達成し、真に優れたユーザー エクスペリエンスを生み出すことを支援しました。
