Skip to content

Latest commit

 

History

History
84 lines (51 loc) · 3.11 KB

README.md

File metadata and controls

84 lines (51 loc) · 3.11 KB

스크린샷 2024-05-11 오후 10 04 19


신화 속 등장하는 신들의 사연은 어떤 향일까?

HEAVENLY COCKTAIL은 신화 속 등장하는 신들의 사연을 향으로 풀어내고 이를 칵테일 컬러로 표현해낸 디퓨저 브랜드

   

사업적 배경


글로벌 시장조사기관 유로모니터에 따르면 국내 향수 시장은 2019년 6035억 원에서 올해 약 7930억 원으로 3년 만에 30% 이상 성장하고,
2025년엔 1조 원 규모로 커질 것으로 전망된다.

향테크라는 단어의 탄생, 니치향수 브랜드 증가, Home Fragnance 제품의 인기 등 향에 대한 관심은 나날이 늘어가고 있다.
따라서 우리는 Heavenly Cocktail 브랜드를 설립하고
고객들에게 향을 시각적으로 체험할 수 있는 새로운 경험을 제공하고자 한다.
향을 직접 맡지 않더라도 자신에게 알맞은 제품을 찾을 수 있도록 도와주고
소비자가 본인의 취향을 찾아갈 수 있도록 키오스크 경험을 제공한다.

   

시연 영상

GIFMaker_me (3)

heavely cocktail

   

기술 포인트


 

Point 1. Million.js를 활용해 렌더링 최적화

기존 DOM => 변경 전 후 DOM 트리를 직접 비교
BLOCKDOM => 변경된 부분 추적 트리를 만들어 상태 변경 감지

스크린샷 2024-05-11 오후 10 00 13


 

Point 2. 이미지 압축

   

스크린샷 2024-05-11 오후 10 02 10

스크린샷 2024-05-11 오후 10 06 11

이미지 품질 100과 75는 사용자가 차이를 느끼지 못함

그러나 75 이하로 품질이 떨어지면 사용자가 불편함을 느낌

따라서 사용자가 불편을 느끼지 않는 선까지 압축

출처 : https://github.com/rflynn/imgmin

     

디자인 포인트

 

Point 1. 유저의 체류 시간을 늘려줄 인터렉티브 화면

피크 앤드 법칙: 가장 강렬한 순간, 마지막 순간을 세심하게 제작하기
도허티 임계: 로딩을 감각적인 애니메이션으로 제작해 시선 끌기

스크린샷 2024-05-11 오후 9 45 31

   

Point 2. 단순히 디퓨저가 아닌 오브제로서의 병과 패키지

스크린샷 2024-05-11 오후 9 50 50