programgirl · 위시켓(Wishket)

프로젝트 배경

1) 문제점
- 기존의 폰스킨은 디자이너가 미리 준비해놓은 스킨만 주문이 가능함.
- 스스로 폰스킨의 디자인을 꾸미고 해당 디자인을 구입하려는 사용자의 니즈를 충족하기 위해 온라인 웹에서 폰스킨 디자인 꾸미지 툴이 필요.

2) 프로젝트 목표
- 웹과 모바일에서 구입하려는 폰 케이스의 형태에 맞게 디자인을 꾸밀 수 있도록 웹 디자인 툴 개발.
- 디자인 시 활용할 수 있는 디자인 스티커 등의 에셋 목록뷰어 개발.
- 사용자가 주문하기를 누르면 CMS 관리자 대시보드에서 해당 디자인 이미지를 다운로드.

3) 주안점
- 사용자가 자유롭게 디자인 꾸미기가 가능하도록 자유도를 UI의 자유도를 높인다.
- 사용자 디자인 파일 생성 시 인쇄 화질이 떨어지지 않도록 품질을 유지한다.

프로젝트 성과

온라인 디자인 폰케이스 주문 시스템 도입

기존에 기 디자인된 케이스 뿐만 아니라 사용자가 직접 디자인한 케이스를 구입할 수 있는 판매채널 추가로 매출 증대 (매출액 비공개)

핵심 기능

온라인 폰케이스 디자인툴

사용자가 직접 원하는 디자인을 웹, 모바일 웹에서 자유롭게 디자인하고 주문하기.
- 스티커, 테마 에셋을 선택하고 자유롭게 배치, 크기/각도 변경.
- 디자인폰트를 선택하고 자유롭게 내용 작성.

관리자 대시보드

사용자가 디자인한 파일을 고화질로 인쇄용파일 다운로드.

진행 단계

기획

2022.01.

웹사이트 기획: 개발의 범위 확정 및 기존 중간개발된 프로젝트를 인수인계 받고 새로운 기능 추가에 대한 확정.

디자인

2022.02.

PC 웹 용 웹디자인 : 외부 디자인팀의 디자인을 받아 그대로 화면에 적용.

개발

2022.03.

Backend/Frontend 로 일정 구분하여 각각 Spring boot, Vue.js 로 웹사이트 제작.

테스트

2022.06.

고객사에 직접 테스트 링크를 전달하고 피드백 미팅을 통해 보완점을 다시 구현함.

런칭

2022.09.

네이버 클라우드에 서버호스팅 설정 후 런칭완료. 수정과 유지보수 대응.

프로젝트 상세

- 포트폴리오 소개:
웹에서 폰, 태블릿, 노트북의 스킨을 디자인하고 주문할 수 있는 사이트.

- 작업 범위:
웹 제작, 서버 구축, 삼성닷컴 연동 개발, 삼성닷컴 내 랜딩 페이지 개발

- 주요 기능:
웹 캔바스에서 스티커 꾸미기, 주문정보 삼성닷컴 연동.
주문 스티커 관리 어드민 개발, 삼성닷컴 내 서비스 소개 랜딩 페이지 제작.

- 사용 기술:
Java Spring Boot, Vue.js, Fabric.js, Postgresql