MyanConnect
概要

MyanConnect

Next.jsTailwind CSSVercelUI/UX DesignAPI Integration

バンコクを訪れる旅行者のために開発したスマート旅行プラットフォームです。MyanConnectでは、観光スポットの検索、宿泊予約、アクティビティの計画までを、直感的でシームレスな一つの体験としてまとめています。アクセシビリティ、情報量、モバイル対応を重視して設計しました。

担当領域

フロントエンド開発(Next.js+Tailwind CSS)

UI/UXデザイン

API連携&検索フィルター

デプロイ(Vercel)

プロダクト企画&戦略

モバイルファーストデザイン

課題

旅行者向けのプラットフォームは数多くありますが、ミャンマーの人々に向けて、その言語で、本当に必要なコンテンツとサービスを届けるものはほとんどありませんでした。最大の課題は、情報の充実度、速度、使いやすさのバランスを取りながら、スペックの低い端末や通信環境が限られたモバイル回線でも快適に動くインターフェースを実現することでした。

アプローチ

1

ユーザーに寄り添うデザイン

ユーザー起点の姿勢でプラットフォームを設計しました。クリーンなインターフェース、大きめのタップ領域、そして初日からのビルマ語対応です。UIはカードベースのレイアウトを採用し、スクロールしながら情報を拾いやすくしています。アイコンと色による手がかりで、文字を読み慣れていない方でも迷わず操作できるよう配慮しました。

モバイルとデスクトップのモックアップを並べた画像
2

Next.jsによるフロントエンド

高速なパフォーマンスとSEO最適化のため、フロントエンドはNext.jsで構築しました。エリア、カテゴリー、評価などによる動的な絞り込みを実装し、目的の情報にたどり着きやすくしています。レイアウトは完全レスポンシブで、最新のスマートフォンから旧世代のAndroid端末まで最適化されています。

3

強力な検索とAPI連携

ホテル、レストラン、ビザ代行、求人など、掲載情報を柔軟に増やせるヘッドレスなコンテンツ構造を組み込みました。検索は高速かつ使いやすく仕上げ、分かりやすいフィルターとなめらかな画面遷移を実現しています。

4

デプロイとスケーリング

アプリはVercel上で運用しており、世界規模の高速配信、設定不要のビルド、容易なロールバックを実現しています。プロダクトを拡張し続けるうえで欠かせない要素です。開発のスピードを保つため、CI/CDのフローも整備しました。

成果

美しく軽量な、モバイルファーストのWebアプリ

バンコク在住のミャンマーの方々に最適化したコンテンツ

高速な検索、分かりやすい絞り込み、快適な閲覧体験

Facebookグループやコミュニティフォーラムのユーザーから好意的な初期フィードバック

企画から開発・運用まで100%NexusCodeチームが担当

制作の舞台裏

最も難しかったのは、現実のニーズを実際に使える機能へ翻訳することでした。ミャンマーからバンコクへ移った数十名の方々に話を聞き、「こんな情報があればよかった」という声を集めました。その内容が、トップページのレイアウトから最初に打ち出すカテゴリーの選定まで、あらゆる判断の土台になっています。私たちにとって思い入れの深いプロジェクトであり、今も誇りを持って改善を続けています。

今後の展開

• 美しく軽量な、モバイルファーストのWebアプリ バンコク在住のミャンマーの方々に最適化したコンテンツ • 高速な検索、分かりやすい絞り込み、快適な閲覧体験 • Facebookグループやコミュニティフォーラムのユーザーから好意的な初期フィードバック • 企画から開発・運用まで100%NexusCodeチームが担当

MENU