programgirl · 위시켓(Wishket)

프로젝트 배경

1) 개요
- 나이키 50주년을 맞아 온라인 이벤트 필요.
- 사용자가 나이키 로고를 꾸미고 SNS 공유하기 이벤트 시행시 온라인 사이트 필요.

2) 프로젝트 목표
- 웹에서는 접속 불가해야 하며 모바일 웹에서 나이키 회원아이디와 연동.
- 모바일 웹에서 디자이너의 로고를 선택하거나 사용자의 이미지 업로드 기능.
- 사용자가 자유롭게 문구 작성.
- 자신의 이미지를 다운받아 SNS에 공유하도록 목표.
- 이벤트 참여 내역 관리. 이벤트 당일 서버 과부화 대비 인프라 설치

3) 주안점
- 모바일 사용성에 중점을 두며 모바일 웹에서 이미지 편집 및 문구 작성이 용이하도록 한다.
- 이벤트 당일 사용자가 몰리는 것에 대비하여 로드밸런서등 서버 부하분산 처리

프로젝트 성과

50주년 이벤트로 사용자 참여

사용자가 이벤트에 참여하여 나이키 50주년을 축하하고 SNS 를 통한 바이럴 마케팅 효과 증대. (참여 수 미공개)

핵심 기능

모바일 로고 디자인툴

사용자가 원하는 로고 디자인을 선택하거나 자신의 이미지를 업로드하고 크기 등 조정 및 원하는 문구 작성

이벤트 트래픽 부하분산

아마존 클라우드에 로드밸런서 설치, 캐시 클라우드 설정 등으로 이벤트 당일에도 문제없이 서버 운영.

진행 단계

기획

2022.01.

웹사이트 기획: 개발의 범위 확정 및 서버부하분산 계획.

디자인

2022.01.

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

개발

2022.01.

Backend/Frontend 로 일정 구분하여 express 및 Vue.js 로 웹사이트 제작.

테스트

2022.01.

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

런칭

2022.01.

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

프로젝트 상세

서비스 소개
나이키 50주년을 기념하여 나만의 나이키 이미지를 올리고 이벤트 참여

참여 범위
웹 제작, 서버 구축, 나이키 로그인 연동 개발

구축 내용
나이키 로고 이미지 업로드하고 텍스트 꾸민후 다운로드.
나이키 로그인 연동하여 계정별로 이벤트 참여 개발. 동시 접속 1만명 설정.

사용 기술
Vue.js/Nuxt.js, Fabric.js, Postgresql