첨삭 서비스 플랫폼 · 결제 + 관리자 포함 풀 빌드
인노트
서류작성·면접·논술 첨삭을 온라인으로 제공하는 교육 컨설팅 플랫폼 인노트(INNOTE)의 홈페이지를, 서비스 구매·전자결제부터 회원 구매내역, 관리자 페이지까지 제작 전 과정을 맡아 구축했습니다.
첨삭 서비스 플랫폼전자결제관리자 페이지Next.js
01
프로젝트 개요
인노트(INNOTE)는 (주)제이씨교육이 운영하는 교육 컨설팅 플랫폼으로, 대입·해외유학·취업을 준비하는 사람들을 위한 1:1 맞춤 첨삭 서비스를 제공합니다.
서류작성, 면접, 논술 등 목적별 첨삭 서비스를 온라인에서 선택하고 결제해 이용할 수 있습니다.
AI 자동 생성이 아닌 전문가가 직접 진행하는 첨삭을 온라인에서 구매·관리할 수 있는 서비스로 만들기 위해 홈페이지를 새로 구축했습니다.
실마릴은 이 프로젝트에서 화면 설계와 프론트엔드부터 전자결제, 회원 구매내역, 관리자 페이지까지 홈페이지 제작 전 과정을 담당했습니다.
02
담당 역할 & 기여
- 서비스 소개·구매부터 결제·구매내역까지 이어지는 사용자 흐름 설계 및 프론트엔드 구축
- 서류작성·면접·논술·기타로 나뉜 첨삭 서비스 카탈로그와 상세 페이지 구현
- 전자결제(아임포트/PortOne) 연동 — 서비스 구매·결제 플로우 구축
- 회원 기능과 '구매내역 확인' 등 주문 관리 화면 구현
- 운영진이 서비스·주문·콘텐츠를 직접 관리하는 관리자 페이지(어드민) 설계·구축
- 상담 채팅(채널톡) 연동과 상담 신청 동선 구성
- 반응형 디자인과 Next.js(App Router) 기반 구축·배포까지 전 과정 담당
03
핵심 기능
01
첨삭 서비스 카탈로그
서류작성·면접·논술·기타로 첨삭 서비스를 분류해 방문자가 탐색하고 선택하게 합니다.
02
전자결제
아임포트(PortOne) 결제를 연동해 서비스 구매를 온라인에서 완결합니다.
03
회원 · 구매내역
로그인 회원이 자신의 구매·이용 내역을 확인할 수 있습니다.
04
관리자 페이지
운영진이 서비스·주문·공지 등을 직접 관리하는 어드민을 구축했습니다.
05
상담 동선 · 채널톡
상담하기 CTA와 채팅 연동으로 방문자 문의를 바로 받습니다.
06
반응형 · 빠른 성능
데스크톱·모바일 어디서나 빠르게 동작하는 최신 웹으로 구축했습니다.
04
과제와 해결
구매부터 첨삭까지 한 흐름으로
- 상황
- 첨삭 서비스는 단순 소개에 그치지 않고, 선택·결제·이용·내역 확인까지 이어져야 합니다.
- 과제
- 방문자가 서비스를 고르고 결제한 뒤 자신의 내역까지 확인하는 흐름을 매끄럽게 만들어야 했습니다.
- 행동
- 서비스 카탈로그–상세–결제–구매내역으로 이어지는 동선을 설계하고 전자결제(아임포트)를 연동했습니다.
- 결과
- 방문자가 온라인에서 첨삭 서비스를 직접 구매하고 이용 내역까지 확인하는 구매 흐름을 완성했습니다.
운영을 자체적으로
- 상황
- 서비스·주문·공지가 늘어날수록 개발자 없이 운영진이 직접 관리할 수 있어야 했습니다.
- 과제
- 코드 수정 없이 콘텐츠와 주문을 다룰 수 있는 운영 도구가 필요했습니다.
- 행동
- 서비스·주문·공지 등을 관리하는 관리자 페이지(어드민)를 함께 설계·구축했습니다.
- 결과
- 운영진이 관리자 페이지에서 서비스와 주문을 직접 관리하도록 해 운영 자율성을 확보했습니다.
신뢰를 주는 첨삭 플랫폼
- 상황
- ‘전문가 1:1, AI 미사용’이라는 서비스의 강점을 온라인에서도 분명히 전달해야 했습니다.
- 과제
- 교육 컨설팅다운 신뢰감과 전문성을 화면 전반에 담아야 했습니다.
- 행동
- 서비스 강점·프로세스·합격 사례를 명확히 보여주는 정보 구조와 절제된 디자인으로 구성했습니다.
- 결과
- 단순 구매 사이트를 넘어, 서비스의 전문성과 신뢰를 전달하는 플랫폼으로 완성했습니다.
05
기술 스택
프레임워크 · 언어Next.js (App Router) · React · TypeScript
UI · 스타일Tailwind CSS · 반응형 디자인
결제아임포트(PortOne) 전자결제 · 서비스 구매·구매내역
관리자운영용 관리자 페이지(서비스·주문·공지 관리)
연동채널톡 상담 채팅 · Google Tag Manager
인프라Vercel 배포
06
성과 / 임팩트
- 첨삭 서비스를 온라인에서 직접 구매·결제하고 내역까지 확인하는 자사 판매 채널을 완성했습니다.
- 운영진이 관리자 페이지에서 서비스·주문·공지를 직접 관리해, 개발자 없이도 운영이 돌아가도록 했습니다.
- 화면 설계·프론트엔드·결제·회원·관리자까지 홈페이지 제작 전 과정을 한 팀이 맡아 일관되게 구축했습니다.
- 반응형 최신 웹으로 데스크톱·모바일 어디서나 동일한 구매·이용 경험을 제공합니다.