- 신차 홍보를 위한 이벤트 페이지 입니다.
- 선착순, 추첨 이벤트로 구성되어 있습니다.
- 다양한 애니메이션을 구현하여 유저가 흥미를 가지도록 유도했습니다.
- 공유 URL을 통해 홍보 효과를 극대화 하였습니다.
- 신규 유저가 로그인할 시 기본 3회 뽑기권이 지급되며 뽑기를 진행하면 추첨 이벤트에 자동 응모 처리됩니다.
- 생성된 URL을 공유하여 신규 유저가 가입하면 뽑기권을 얻을 수 있습니다.
- 이벤트가 끝난 후 관리자의 일괄 추첨을 통해 1등부터 5등까지의 당첨자가 선정됩니다.
- 모든 카테고리별 1개 이상의 파츠를 획득하면 아반떼 N 미니어처를 증정하며 이 또한 관리자의 추첨으로 진행됩니다.
| 추첨 이벤트 |
|---|
 |
- 카드를 클릭해서 파츠를 뽑을 수 있습니다.
- 가지고 있는 뽑기권이 소진되면 더이상 뽑기를 진행할 수 없습니다.
| 파츠 뽑기 |
|---|
 |
- 파츠뽑기에서 획득한 파츠들을 장착하여 아반떼를 커스텀 할 수 있습니다.
- 카드에 마우스를 올리면, 장착된 파츠들을 한눈에 확인할 수 있습니다.
| 파츠 컬렉션 |
|---|
 |
- 아반떼 N에 대한 기대평을 작성할 수 있습니다.
- 기대평은 50자 이내로 작성하도록 설정하였습니다.
- 내 컬렉션을 자랑 수 있는 공유링크를 복사할 수 있습니다.
- 다른 사람이 공유링크로 접속하게 되면 내가 장착했던 파츠들을 구경할 수 있습니다.
- 공유링크로 접속한 유저가 로그인을 하면 링크를 공유한 유저의 뽑기권이 1회 증가합니다.
| 기대평/공유 |
|---|
 |
- 오전 10시가 되면 퀴즈가 공개됩니다.
- 정답을 틀리게 되면 아반떼 N 소개 페이지로 이동하여 힌트를 찾아볼 수 있습니다.
- 선착순 인원 안에 들었다면 당첨 상품과 함께 전화번호를 입력할 수 있는 페이지로 이동합니다.
| 선착순 이벤트 |
|---|
 |
packages
├── admin
│ ├── public
│ │ ├── fonts
│ │ │ ├── pretendard
│ │ │ ├── pyeongChang
│ │ │ └── pyeongChangPeace
│ │ └── images
│ │ ├── favicon
│ │ ├── gnb
│ │ └── modal
│ └── src
│ ├── apis
│ │ ├── auth
│ │ ├── expectation
│ │ ├── orderEvent
│ │ └── partsEvent
│ ├── common
│ │ ├── components
│ │ │ ├── Button
│ │ │ ├── GlobalNavigationBar
│ │ │ │ └── GlobalNavs
│ │ │ ├── ModalContainer
│ │ │ │ └── modal
│ │ │ │ ├── AlertModal
│ │ │ │ ├── ConfirmModal
│ │ │ │ ├── GoolgleLoginModal
│ │ │ │ ├── ImageModal
│ │ │ │ └── PendingModal
│ │ │ └── Space
│ │ └── utils
│ ├── components
│ │ └── partsEvent
│ │ ├── ExpectationDataGrid
│ │ ├── MainEventDrawForm
│ │ ├── MiniatureEventDrawForm
│ │ ├── ParticipantDataGrid
│ │ ├── RewardInfo
│ │ └── WinnerDataGrid
│ ├── constants
│ └── pages
│ ├── Error
│ ├── orderEvent
│ │ ├── OrderEventGeneration
│ │ ├── OrderEventManagement
│ │ └── OrderEventWinnerManagement
│ └── partsEvent
│ ├── PartsEventDraw
│ ├── PartsEventGeneration
│ ├── PartsEventParticipantManagement
│ └── PartsEventWinnerManagement
├── core
│ └── src
│ ├── apis
│ │ └── login
│ ├── contexts
│ ├── hooks
│ ├── providers
│ ├── theme
│ ├── types
│ │ ├── orderEvent
│ │ └── partsEvent
│ └── utils
└── service
├── public
│ ├── fonts
│ │ ├── pretendard
│ │ ├── pyeongChang
│ │ └── pyeongChangPeace
│ ├── icons
│ └── images
│ ├── common
│ ├── demo
│ ├── favicon
│ ├── gnb
│ ├── main
│ ├── modal
│ ├── newCar
│ ├── og
│ ├── parts
│ ├── partsCollection
│ ├── pickEvent
│ │ ├── card
│ │ ├── joinInfo
│ │ └── prize
│ └── quiz
└── src
├── apis
│ ├── expectation
│ ├── link
│ ├── lottery
│ ├── orderEvent
│ └── partsEvent
├── common
│ ├── components
│ │ ├── Button
│ │ ├── CheckBox
│ │ ├── ClickInduceIcon
│ │ ├── ClipBoardButton
│ │ ├── Footer
│ │ ├── GlobalNavigationBar
│ │ │ ├── GlobalNavs
│ │ │ │ └── ExpirationTimer
│ │ │ └── MenuButton
│ │ ├── Marquee
│ │ ├── ModalContainer
│ │ │ ├── content
│ │ │ └── modal
│ │ │ ├── AlertModal
│ │ │ ├── ConfirmModal
│ │ │ ├── DescriptionModal
│ │ │ ├── GoolgleLoginModal
│ │ │ ├── NavigateModal
│ │ │ └── PendingModal
│ │ └── ScrollToTop
│ ├── hooks
│ ├── responsive
│ ├── styles
│ └── utils
├── components
│ ├── main
│ │ ├── Banner
│ │ ├── EventCard
│ │ ├── EventPeriod
│ │ │ └── Timer
│ │ └── Expectation
│ ├── nQuizEvent
│ │ ├── NQuizReward
│ │ ├── NQuizSection
│ │ │ ├── NQuizAlternativeBody
│ │ │ ├── NQuizHeader
│ │ │ └── NQuizInput
│ │ └── NQuizTitle
│ ├── newCar
│ │ ├── NewCarInfo
│ │ ├── TracingCar
│ │ └── util
│ ├── partsCollection
│ │ ├── CustomCard
│ │ ├── PartsTab
│ │ │ └── PartsCard
│ │ └── PinContainer
│ │ └── Pin
│ │ └── WaveCircle
│ ├── partsPick
│ │ ├── PartsCard
│ │ └── PickTitle
│ ├── pickEvent
│ │ ├── CardCarousel
│ │ ├── JoinInfo
│ │ └── PrizeContainer
│ │ └── PrizeItem
│ └── share
│ └── PartsTab
│ └── PartsCard
├── constants
└── pages
├── Error
├── Loading
├── LotteryApplyInfo
├── Main
├── NQuizEvent
├── NQuizEventWinnerApply
├── NewCar
├── PartsCollection
├── PartsPick
├── PickEvent
└── Share