프로젝트 배경
1) 문제점
- 기존 모바일 청첩장 제작 방식의 한계
2) 개선 목표
- 실시간 에디터 제공: 사용자가 직접 디자인을 수정하고 즉시 결과를 확인할 수 있는 실시간 미리보기 기능 구현
- 접근성 강화: 반응형 웹으로 모바일, PC 등 다양한 디바이스에서 원활히 이용 가능
3) 주안점
- 사용자 친화적 인터페이스 설계와 직관적인 에디터 UX 구현
- 관리자 페이지를 통해 청첩장 선정 통계 관리
- Next.js 기반의 안정적이고 빠른 웹 서비스 구현
- 기존 모바일 청첩장 제작 방식의 한계
2) 개선 목표
- 실시간 에디터 제공: 사용자가 직접 디자인을 수정하고 즉시 결과를 확인할 수 있는 실시간 미리보기 기능 구현
- 접근성 강화: 반응형 웹으로 모바일, PC 등 다양한 디바이스에서 원활히 이용 가능
3) 주안점
- 사용자 친화적 인터페이스 설계와 직관적인 에디터 UX 구현
- 관리자 페이지를 통해 청첩장 선정 통계 관리
- Next.js 기반의 안정적이고 빠른 웹 서비스 구현
프로젝트 성과
실시간 에디터 도입으로 제작 시간 70% 단축
사용자가 직접 실시간으로 청첩장 내용을 수정 및 미리보기 할 수 있어, 평균 제작 시간 단축에 기여
핵심 기능

실시간 청첩장 에디터와 미리보기
사용자가 텍스트, 이미지, 레이아웃을 직접 수정하며 바로 결과를 확인할 수 있는 직관적 실시간 에디터 제공
진행 단계
디자인 개발
2025.08.
기획 사항 분석 및 디자인 진행
프로젝트 상세
1. 서비스 소개 - 모바일 청첩장 제작 서비스
2. 디바이스
- 반응형 웹
3. 기능
- 에디터 기능
- 에디터 내용 실시간 미리보기 기능
- 링크 QR 변환 기능
- SNS 간편 로그인
4. 작업 범위
- 메인 화면 개발
- 에디터 기반 청첩장 제작 서비스 디자인 및 개발
- 관리자페이지 개발
5. 개발환경
- Next.js
- Figma
2. 디바이스
- 반응형 웹
3. 기능
- 에디터 기능
- 에디터 내용 실시간 미리보기 기능
- 링크 QR 변환 기능
- SNS 간편 로그인
4. 작업 범위
- 메인 화면 개발
- 에디터 기반 청첩장 제작 서비스 디자인 및 개발
- 관리자페이지 개발
5. 개발환경
- Next.js
- Figma




