상세 컨텐츠

본문 제목

[UI/UX] 메인페이지 첫 마디, 레이어 팝업 및 팝업 디자인 예시

삶은브랜드/디자인

by 진소장 2021. 10. 22. 18:49

본문

 

 

팝업은 이전 만큼 많이 사용되는 요소는 아니지만, 아직까지도 많은 메인 페이지는 팝업과 함께 첫 마디를 걸어옵니다. 그만큼 메시지 전달 가능성이 높은 사용자 경험 요소 중 하나입니다.

 

모바일 디바이스 사용이 높아져 팝업은 더이상 사용자 경험 여정 속에서 긍정적인 요소는 아닐 수 있습니다. 화면 속에 큰 부분을 단 하나의 메세지 전달을 위해 쓰이고, 실제 랜딩 페이지에 도달하기 전 거쳐야 하는 요소로 유저에게는 허들로 작용할 수 있는 단점이 있습니다.

 

하지만 적절하게 사용만 한다면 팝업 역시 원하는 바를 이룰 수 있는 경험 요소입니다. 특히 유저가 꼭 알았으면 하는 이벤트나 한정 할인 컨텐츠들을 팝업으로 만들어 구매와 전환을 높일 수 있습니다. 아직도 많은 종합쇼핑몰 홈페이지에서 팝업은 쉽게 찾아볼 수 있습니다. 이번에는 메이저(?) 몰들에서 팝업을 어떻게 구현하여 사용하고 있는지 스크랩해 본 결과물을 함께 공유하고자 합니다. 소비자 거부감은 최소화하고 전하고자 하는 메시지는 어떤 디자인 요소로 표현하고 있을까요?

 

- 현대패션몰 (www.hfashionmall.com)

현대몰 팝업

 

- 해지스 (www.hazzys.com)

 

팝업은 하나의 요소로만 사용하고 전하고 싶은 다양한 메시지는 슬라이더를 활용하여 넘겨서 볼 수 있도록 구현하여 여러개의 팝업이 띄어지는 불편함을 피함

헤지스

 

- A-RT 아트닷컴 (www.a-rt.com)

아트닷컴

 

 

- 코오롱몰 (www.kolonmall.com)

코오롱몰

 

 

 

 

관련글 더보기

댓글 영역