大手カフェチェーン 会員Webサービスのフロントエンドリプレイス

大手カフェチェーンの会員向けWebサービス（リワード・マイページ・会員CMS）を、モダンなフロントエンドへリプレイスするプロジェクトです。元請けと連携し、フロントエンドのコンポーネント開発と本人認証まわりの実装を担当しています。

課題: 認証を伴う会員フローをコンポーネントとして堅牢に

会員向けWebサービスを、再利用可能なコンポーネントで構成されたモダンなフロントエンドへ置き換える必要がありました。会員登録から本人認証、カード登録によるリワード会員化まで、認証を伴う複雑な会員フローが数多くあり、それらを堅牢かつ保守しやすい形で実装することが求められました。

アプローチ: React + TypeScript + Tailwind CSS のコンポーネント設計

• 認証・会員フロー: 会員登録後のリダイレクト・認証処理、カード登録画面、カード登録によるリワード会員化フローを実装。
• 会員情報画面: マイページ、会員情報更新フォームを開発。検索結果の表示エリア（固定高さとスクロール、初期表示件数を超える場合のリスト表示）といった細かなUI仕様も作り込みました。
• 会員機能: お気に入り店舗の登録・表示、バーコード検証などの機能を整備。
• 新サービス: 新たな会員向けサービスのエントリーページを実装し、リリースしました。

成果

会員Webサービスのフロントエンドをモダンなコンポーネント構成へ刷新し、リワード・マイページ・認証フローを提供しています。新サービスのエントリーページ実装まで含め、元請けと連携しながら継続的に開発を進めています。