홈 › 기타 › 팝업

팝업

공지·이벤트 팝업

PU-01클래식 스타일

이미지 공지 팝업

가운데 이미지 한 장 + ‘오늘 하루 보지 않기 / 닫기’ 버튼. 가장 흔한 메인 팝업.

미리보기
PU-02클래식 스타일

여러 장 슬라이드 팝업

공지가 여러 개일 때 한 팝업 안에서 넘겨 보는 슬라이드형. 하단 점으로 개수 표시.

미리보기
PU-03클래식 스타일

텍스트 안내 모달

이미지 없이 아이콘·제목·안내 문구·확인 버튼으로 구성한 공지 모달. 휴진·긴급 안내용.

미리보기

11월 15일(일) 휴진 안내

의료진 학회 참석으로 하루 휴진합니다.
응급 상황은 협력병원으로 안내해 드려요.

협력병원
OO 24시 동물메디컬센터
연락처
02-9876-5432
PU-04트렌디 스타일

하단 시트 팝업

모바일에서 아래에서 올라오는 바텀시트형 이벤트 팝업. 손가락 닿는 위치라 전환율이 좋음.

미리보기
PU-05트렌디 스타일

상단 띠 배너

페이지 최상단에 얇게 붙는 공지 띠. 닫기 가능하고 화면을 가리지 않아 부담이 적음.

미리보기
공지

11월 15일(일)은 학회 참석으로 휴진합니다. 자세히 보기

PU-06클래식 스타일

여러 장 나란히 팝업

공지 팝업 2-3개를 화면 위쪽에 나란히 띄우는 국내 사이트 전통 방식. 각각 ‘오늘 하루 보지 않기’ 가능.

미리보기
NOTICE추석 연휴 정상 진료
EVENT고양이 검진 20% 할인
NEWCT 장비 교체 완료
PU-07클래식 스타일

하단 토스트 알림

화면 왼쪽 아래에 작게 떴다가 몇 초 뒤 사라지는 토스트 공지. 화면을 가리지 않는 가벼운 안내용.

미리보기

11/15(일) 휴진 안내학회 참석으로 하루 휴진해요

PU-08클래식 스타일

쿠키 동의 바

화면 아래에 붙는 쿠키·분석 도구 사용 동의 바. 개인정보 처리방침 링크와 확인·설정 버튼 포함.

미리보기
🍪

더 나은 진료 예약 서비스를 위해 필수 쿠키와 방문 통계용 분석 쿠키를 사용합니다. 자세한 내용은 개인정보처리방침을 확인하세요.

PU-09트렌디 스타일

이탈 방지 쿠폰 팝업

마우스가 브라우저 위쪽으로 나가려 할 때 ‘잠깐만요!’ 쿠폰을 보여주는 이탈 방지 팝업. 예약 전환율을 높이는 마케팅형.

미리보기
PU-10트렌디 스타일

스크롤 슬라이드인 카드

페이지를 일정 이상 내리면 오른쪽 아래에서 작은 추천 카드가 미끄러져 들어오는 방식. 방해 없이 다음 행동을 제안.

미리보기

스크롤해서 내려보세요 ↓

이 글을 읽은 보호자님께노령견 관절 검진 패키지자세히 보기
PU-11트렌디 스타일

신기능 안내 코치마크

화면의 특정 버튼에 스포트라이트를 비추고 말풍선으로 하나씩 설명하는 앱 온보딩 투어. 리뉴얼 후 새 기능 안내용.

미리보기
UI Archive
1 / 3