AI 분석
왼쪽 매물 리스트와 오른쪽 인터랙티브 지도를 연동한 검색 결과 화면이다.
화면을 좌우로 나눠 왼쪽에는 스크롤되는 매물 카드 리스트를, 오른쪽에는 고정된 인터랙티브 지도를 배치한 스플릿 스크린 구조다. 흰 배경과 거의 검정에 가까운 텍스트, 연회색 보더를 쓴 라이트 모드 미니멀 톤이며 별점 노랑 외에는 강조색을 거의 쓰지 않는다. 상단에는 제목과 결과 수, 칩 형태의 필터 바, 정렬·뷰 전환 컨트롤이 있고 각 카드는 썸네일, 주소, 편의시설 나열, 배지, 별점, 우측 정렬된 가격과 찜 하트로 구성된다. 지도에는 가격 라벨 마커가 찍히고 마커를 누르면 사진이 포함된 팝오버 카드가 뜨면서 리스트의 해당 카드가 하이라이트되는 양방향 연동을 보여준다. 리스트와 지도를 연결하는 탐색형 UX 패턴과 카드 정보 밀도 조절의 레퍼런스로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 05:47 · 신뢰도 0.80
