카드·목록
진료과목·의료진 카드
진료과목 아이콘 카드
진료과목을 4열 아이콘 카드로 보여주는 기본형. 아이콘·제목·짧은 설명.
진료과목 이미지 카드
사진이 위에 크게 들어가는 진료과목 카드. 시설과 진료 장면을 함께 보여줄 때.
의료진 프로필 카드
의료진 사진과 이름·직함·진료분야를 세로 카드로 나열. 의료진 소개 페이지 기본형.
의료진 가로 약력 카드
사진 옆에 학력·경력 약력을 바로 보여주는 가로형 카드. 신뢰를 강조할 때.
- 서울대학교 수의과대학 졸업
- 同 대학원 내과 석사
- 前 OO동물메디컬센터 진료과장
- 대한수의사회 정회원
- 서울대학교 수의과대학 졸업
- 同 대학원 외과 석사
- 前 OO동물메디컬센터 진료과장
- 대한수의사회 정회원
진료과목 리스트형
진료과목을 한 줄씩 길게 나열한 목록형. 번호·제목·설명·화살표로 정보가 많을 때 읽기 쉬움.
의료진 가로 슬라이드
의료진 카드를 옆으로 밀어서 넘기는 슬라이드형. 화살표와 손가락 스와이프 모두 지원.
호버 확장 패널
마우스를 올린 칸이 넓게 펼쳐지며 설명이 나타나는 가로 아코디언 카드. 진료과목 소개에 시선 집중.
사진 위 안내 카드
병원 사진 배경 위에 안내 카드 3장을 올린 트렌디형. 패널에서 글라스를 켜면 유리 카드로 바뀜.
방문 전 꼭 확인하세요
평일 09:00 – 19:00
토요일 09:00 – 15:00
야간·공휴일 응급 진료
02-1234-5678
강남역 3번 출구 도보 5분
건물 내 주차 2시간 무료
큰 숫자 카드
카드마다 큰 숫자로 핵심 수치를 강조하는 미니멀 트렌디형. 진료 실적·만족도 안내.
2011년 개원 이후 진료 건수
진료 후기 1,200건 기준
1년 안에 다시 찾은 보호자
도착 후 첫 처치까지 평균
뒤집히는 의료진 카드
마우스를 올리면 카드가 뒤집혀 뒷면에 약력과 예약 버튼이 나타나는 의료진 카드.
썸네일 태그 카드
사진, 분류 태그, 제목, 설명, 하단 정보를 담은 정보형 카드. 진료 프로그램·검진 상품 목록에 적합.
검진 패키지 가격표
3단 가격표에 가운데 추천 상품을 강조한 요금 안내형 카드. 건강검진·패키지 안내 페이지 필수 구성.
의료진 진료표 리스트
사진·이름·전문분야 옆에 요일별 진료 여부를 점으로 보여주는 대학병원식 의료진 목록. 예약 버튼 포함.
칩 탭 + 대표 카드
위 칩을 고르면 대표 카드 1장과 옆 작은 카드가 바뀌는 큐레이션형. 대형 플랫폼 메인에서 쓰는 구성.
진료과별 추천 프로그램
인기 진료 랭킹
순위와 변동(▲·▼·NEW)을 함께 보여주는 실시간 랭킹 카드. 음원·쇼핑 차트처럼 시선을 끄는 구성.
이번 주 인기 진료 TOP 5
3D 기울임 카드
마우스를 따라 카드가 입체적으로 기울고 빛이 반사되는 인터랙티브 카드. 의료진·대표 서비스 강조용.
내과·영상의학김수호 대표원장외과·정형이하은 원장
안과박지훈 원장