작업이 보이는 대시보드
진행 상태, 이력 검색, 백그라운드 작업을 한 흐름으로.
WORKB2B SAAS
EmailKing.
자체 제작 · 판매 운영 중
데이터 처리부터 구독 결제, 작업 이력과 실시간 진행 상태까지. 매일 사용하는 운영 화면을 만들었습니다.
PRODUCT IN MOTIONemailking.io 1080p
01 / 브랜드 첫인상
브랜드 화면과 기능 소개, 실제 입력에 반응하는 모바일 이메일 미리보기와 콘텐츠 허브.
영상을 불러오지 못했습니다. 아래 전체 화면 갤러리에서 확인해 주세요.
ON MOBILE · EmailKing복잡한 도구도,
복잡한 도구도,
손안에서 바로.
입력한 메시지가 어떻게 보일지 바로 확인합니다. 모바일에서도 입력과 미리보기를 오가며 도구를 쉽게 사용할 수 있습니다.
반응형 모바일 웹 · 실제 이용 화면01 / 제품을 이해하는 첫 화면
영상 대신 아래 장면별 화면으로 살펴보세요.
화면 하나씩 자세히 보기 전체 화면 갤러리 +
운영 대시보드
사용량·작업 이력·실시간 상태를 한곳에서 관리하는 업무 화면.
서비스 랜딩
제품 설명에서 기능 체험과 가입까지 이어지는 SaaS 진입 경험.
미리보기 도구
입력한 내용을 모바일 알림과 메일 화면으로 확인하는 인터랙티브 도구.
어떤 문제를 풀었나요?
오래 걸리는 작업, 끊어지는 연결, 누적되는 이력. 서비스가 커질수록 사용자와 운영자 모두에게 분명한 상태 안내가 필요합니다.
이렇게 구현했습니다.
장시간 배치 작업을 처리하는 서버 구조와 WebSocket 진행 표시를 연결했습니다. 검색·날짜 필터·작업 이력·구독 상태를 한 화면에서 관리하고 Stripe 라이브 결제로 판매를 운영합니다.
끊김을 고려한 처리
하트비트와 재연결을 포함한 실시간 상태 표시.
구독과 다국어
8개 언어와 Stripe 구독 결제를 연결한 서비스.
구현 환경: React · Node.js · PostgreSQL · Stripe · WebSocket · Cloud Run
화면에 보이는 값은 캡처 당시의 제품 화면이며, 고객 수·매출 성과를 의미하지 않습니다.
실제 서비스 살펴보기NEXTLET’S MAKE IT HAPPEN
이제, 당신의 프로젝트를
이야기할 차례.
아이디어 한 줄도, 이미 운영 중인 서비스도 좋습니다.
지금 필요한 일부터 함께 정리합니다.