Service 02외국인 대상 프리미엄 컨시어지 멤버십

IEUM

이음 · 구 NOBELIUM

한국에 온 외국인을 위한 멤버십 컨시어지

여행자 · 유학생 · 한국 생활 정착자를 위한 컨시어지 멤버십 사이트. 5개 언어 사이트와 이메일 OTP 로그인, PayPal 정기구독 · 단건 결제, 그리고 결제 · 환불 · 웹훅까지 다루는 관리자 20개 화면을 만들었습니다.

5개 언어PayPal 정기구독이메일 OTP 로그인관리자 20화면

분야: 여행 · 생활 컨시어지
대상: 한국에 머무는 외국인 여행자 · 유학생
작업 범위: 웹 디자인 · 풀스택 개발(Next.js · Supabase) · PayPal 결제 연동 · 다국어 · 관리자
구분: 반응형 웹 서비스 · 결제 · 관리자
기술: Next.js 16 · React 19 · next-intl · Supabase · PayPal · Resend · Tailwind CSS v4 · Recharts

Overview

무엇을 풀었나

대상 — 한국에 머무는 외국인 여행자 · 유학생

01문제

고객이 한국에 온 외국인이라 사이트 · 메일 · 결제가 모두 여러 언어와 해외 결제 수단으로 동작해야 했습니다. 구독 상품이라 플랜 변경 · 해지 · 환불을 운영자가 직접 처리할 수 있어야 했습니다.

02해결

next-intl로 5개 언어(한 · 영 · 일 · 태 · 중)를 같은 구조로 운영하고, 가입은 비밀번호 없이 8자리 이메일 OTP로 끝냅니다. 결제는 PayPal 정기구독 3종과 단건 2종, 웹훅 서명 검증, 결제 · 환불 안내 메일 9종을 붙였습니다.

03설계 포인트

검정 바탕에 골드 한 색. 풀블리드 사진과 가는 세리프 제목, 넓은 자간으로 호텔 컨시어지의 차분한 톤을 냈습니다.

Key features

핵심 기능

IEUM에서 눈여겨볼 4가지

사진으로 여는 첫 화면

네 장의 풀스크린 슬라이드가 5초마다 넘어가고, 서비스 페이지는 4대 서비스와 입국 전부터 사후 관리까지 7단계 과정을 세로 타임라인으로 보여줍니다.

히어로 슬라이드 4장 · 회사 소개 영상 히어로
서비스 7단계 프로세스

5개 언어, 같은 화면 구조

언어를 바꿔도 레이아웃은 그대로, 문구만 바뀝니다. 언어별 메시지 파일(각 1,373줄)과 로케일 라우팅으로 한국어 · 영어 · 일본어 · 태국어 · 중국어를 운영합니다.

로케일 라우팅(/ko · /en · /ja · /th · /zh)
국가 선택 · 국기 표시(프로필)

멤버십과 PayPal 구독

Essential $33 · Premium $66 · Elite $199 월 구독과 여행자 · 유학생 단건 플랜. 구독 중 플랜 변경 예약, 해지, 환불 요청을 계정 화면에서 처리합니다.

PayPal 정기구독 · 단건 결제 · 웹훅 재처리
결제 · 실패 · 환불 안내 메일(Resend · React Email)

매출과 구독을 보는 관리자

오늘 · 이번 주 · 이번 달 매출, 활성 구독, 환불 대기, 미처리 웹훅을 한눈에 보고, 리포트는 기간별 매출 추이와 CSV로 내려받습니다. 권한은 owner · staff · readonly 3단계입니다.

결제 · 구독 · 환불 · 웹훅 · 감사 로그 화면
관리자 초대 · 역할 변경 · 상품 가격 수정

All screens

전체 화면 16장

화면은 실제 서비스 · 개발 서버를 띄워 직접 촬영했습니다. 서비스명이 NOBELIUM에서 IEUM으로 바뀌었습니다. 멤버십 · 관리자 화면은 리브랜딩 전(2026년 5월) 라이브 화면, 나머지는 현재 코드를 개발 서버에서 촬영했습니다. 화면을 누르면 전체 페이지를 볼 수 있어요.

크게 보기에서 ← → 키 또는 좌우로 밀어 넘기기