본문 바로가기
PROJECT 01EDUCATION PLATFORM운영 중인 서비스

그로잉위드 · Growing With

배움의 시작부터
매일의 운영까지.

아이의 성장을 돕는 교육이 더 자연스럽게 이어지도록. 강좌를 만나는 사용자 화면과 서비스를 움직이는 운영자의 백오피스를 함께 만들었습니다.

사이트 방문하기 (새 탭)
growingwith.net
그로잉위드 실제 메인 화면. 교육 철학과 가족 일러스트가 담긴 브랜드 소개
CLIENT
그로잉위드
SERVICE
온라인 교육 플랫폼
SCOPE
서비스 웹 · 백오피스
TECH
Next.js · TypeScript · React

THE PROJECT

소개를 넘어,
교육이 이어지는 서비스.

그로잉위드는 뇌과학 기반의 초등수학 교육을 제공하는 플랫폼입니다. 브랜드의 교육 철학을 전하고, 학년에 맞는 강좌를 찾고, 신청한 수업을 이어가는 흐름을 웹 서비스로 연결했습니다. 운영자는 별도의 관리 화면에서 교육 콘텐츠와 회원, 주문을 관리합니다.

반응형 웹강좌 탐색수강 관리결제 연동운영 백오피스

필요했던 것

강좌를 찾고 신청하는 사용자 흐름과 콘텐츠·회원·주문을 관리하는 운영 흐름을 함께 제공해야 했습니다.

수행 범위

브랜드 소개, 강좌 목록·상세와 수강 서비스를 구현하고 강좌·영상, 회원·수강권, 주문·결제 관리 화면을 연결했습니다.

구현 결과

이용자는 강좌 정보와 수강 조건을 확인할 수 있고, 운영자는 별도 백오피스에서 교육 콘텐츠와 판매·수강 정보를 관리할 수 있습니다.

01 / CUSTOMER EXPERIENCE

나에게 맞는 강좌를, 쉽게.

학년과 프로그램별 강좌 탐색부터
구성과 수강 조건을 확인하는 상세 화면까지.

growingwith.net / products
그로잉위드 모집 중인 강좌 화면. 학년별 프로그램과 강좌 카드를 제공
01
학년별로 정리된 강좌 탐색

카테고리, 강좌 이미지, 가격과 신청 버튼을 한눈에.

growingwith.net / products / 212
그로잉위드 실제 강좌 상세 화면. 강좌 구성과 상품 금액, 신청 기능
02
신청으로 이어지는 강좌 상세

포함 강좌와 수강 조건을 확인하고 구매까지 연결.

서비스 화면은 2026년 10월 공개 사이트를 캡처했습니다.

02 / BACK OFFICE

좋은 수업 뒤에는,
편리한 운영이 있습니다.

사용자에게 보이는 화면만큼 운영자의 하루도 중요합니다. 강좌와 영상을 등록하고, 회원의 수강 정보를 확인하고, 주문과 결제를 관리하는 업무를 하나의 백오피스로 연결했습니다.

위 화면은 프로젝트의 실제 어드민 UI와 기능 구성을 참고해 예시 데이터로 재구성했습니다.

콘텐츠 운영

강좌·영상·게시판 관리

강좌 구성과 영상, 학습 게시물을 관리하는 운영 도구.

회원과 수강

회원 정보·수강권 관리

회원별 수강 현황과 기간을 확인하고 학습 운영을 지원.

주문과 결제

주문·구독·쿠폰·포인트

교육 상품의 판매부터 결제와 혜택 관리까지 이어지는 업무 흐름.

LET’S BUILD TOGETHER

서비스와 운영을 함께 고민하고 계신가요?

지금 필요한 것부터 차근차근 이야기 나눠보세요.

프로젝트 문의