명확한 배경 계획 준비
뛰어난 대화형 평면도의 기초는 선명하고 읽기 쉬운 소스 이미지입니다. 건축 CAD 내보내기, Revit 렌더, PDF 청사진 또는 고해상도 그래픽 사이트 계획 등 어떤 작업을 하든 도면을 2000px~6000px 너비로 내보낼 수 있습니다.
디지털 화면을 어수선하게 만드는 불필요한 엔지니어링 주석, 치수선, 건축 해칭을 제거하세요. 클린룸 주변, 명확하게 표시된 입구 통로, 계단, 엘리베이터 및 창문 방향에 중점을 둡니다. 벽과 이동 가능한 복도가 즉시 눈에 띄도록 고대비 색상 구성을 사용합니다.
평면도를 LayerPin에 직접 업로드하세요. 플랫폼은 반응형 심층 확대/축소를 위해 파일을 최적화하고 준비하여 브라우저가 방문자의 화면 및 확대/축소 수준에 적합한 해상도를 요청할 수 있도록 합니다.
- 1불필요한 구성선 없이 평면도를 깨끗한 PNG, JPG 또는 SVG로 내보냅니다.
- 2표준 확대/축소 수준에서 기본 도면의 텍스트 레이블을 읽을 수 있는지 확인하십시오.
- 3이미지를 LayerPin에 업로드하고 기본 시작 뷰를 건물 입구 또는 중심 로비로 설정합니다.
대화형 모양으로 공간과 구역 정의
사무실, 회의실, 소매점, 전시 부스 등 밀폐된 공간의 경우 단순 핀 대신 LayerPin의 다각형 및 직사각형 모양 도구를 사용하세요. 모양은 해당 지역의 물리적 공간을 강조하여 공간 경계를 명확하게 만듭니다.
실선 2px 테두리를 사용하여 반투명 채우기 색상(예: 15-25% 불투명도)을 적용합니다. 이를 통해 문 스윙, 좌석 배열, 방 번호 등 아래의 건축 세부 사항을 완전히 표시하면서 선택 상태를 계속 전달할 수 있습니다.
뚜렷한 호버 및 활성 상태를 구성합니다. 방문자가 Room 302 위로 마우스를 가져가면 미묘한 빛 또는 채우기 밝기가 즉각적인 촉각 피드백을 제공하여 해당 공간을 클릭할 수 있다는 신호를 보냅니다.
- 1불규칙한 공간 레이아웃을 추적하려면 다각형 도구를 선택하고, 표준 공간에는 직사각형 도구를 선택하세요.
- 2대비되는 경계선을 사용하여 기본 채우기 불투명도를 15%에서 25% 사이로 설정합니다.
- 3브랜드 팔레트에 맞게 마우스 오버 및 활성 하이라이트 색상을 조정하세요.
주요 편의시설 및 관심 장소에 대한 정확한 마커 추가
모양이 방을 정의하는 반면, 핀 마커는 리셉션 데스크, 화장실, 비상구, 커피 바, 엘리베이터, AV 장비 등 개별 목적지에 이상적입니다.
LayerPin을 사용하면 핀 아이콘, 마커 스타일 및 배지 라벨을 사용자 정의할 수 있습니다. 방문자가 텍스트를 읽지 않고도 중요한 편의 시설을 찾을 수 있도록 보편적으로 인식되는 아이콘(예: 휴게실의 커피잔, 엘리베이터의 엘리베이터 아이콘)을 사용하십시오.
방문자가 필요에 따라 편의 시설 레이어를 켜거나 끌 수 있도록 마커를 기능 범주로 구성합니다.
- 1특정 편의 시설, 유틸리티 및 액세스 지점에 핀 마커를 배치합니다.
- 2각 마커 그룹에 직관적인 아이콘과 고유한 카테고리 색상을 할당합니다.
- 3'경영진 회의실' 또는 '고객 서비스'와 같은 이름이 지정된 대상에는 사용자 정의 텍스트 라벨을 사용하세요.
참여 및 다음 작업을 위한 구조 정보 카드
방문자가 방이나 부스를 클릭하면 정보 카드가 다음 질문에 즉시 답변해야 합니다. 내부, 면적/용량, 사용 가능한 기술 편의 시설 및 현재 점유 상태에 대한 고품질 사진을 포함합니다.
모든 카드에는 '투어 예약', '데스크 예약', '회의실 예약' 또는 '리스 에이전트에 문의' 등 눈에 띄는 클릭 유도 버튼이 있어야 합니다. 이 버튼을 Calendly, 예약 엔진 또는 CRM 양식에 직접 연결하세요.
모바일 화면에서 LayerPin은 정보 카드를 인체공학적 하단 시트 서랍에 자동으로 적용하여 물리적 공간을 걷는 방문자가 한 손으로 사용할 수 있도록 보장합니다.
- 1객실 사진, 가상 3D 둘러보기 링크(Matterport/YouTube) 및 구조화된 차원 필드를 추가하세요.
- 2예약 또는 문의 워크플로에 연결되는 명확한 기본 작업 버튼을 포함합니다.
- 3모바일 미리보기에서 카드 프레젠테이션을 테스트하여 빠른 가독성을 확인하세요.
어디서나 평면도를 삽입하고 배포할 수 있습니다.
대화형 평면도가 준비되면 웹사이트에 삽입하는 데 2분도 채 걸리지 않습니다. LayerPin의 경량 반응형 임베드 스크립트 또는 iframe 스니펫을 복사하여 WordPress, Webflow, Squarespace, Wix, Framer 또는 맞춤형 Next.js 앱에 붙여넣으세요.
실제 키오스크 및 현장 간판의 경우 특정 객실 또는 전체 대화형 모바일 보기로 직접 연결되는 QR 코드를 생성하세요. 방 할당이나 임대 상태가 변경되면 LayerPin에서 지도를 업데이트하고 라이브 임베드를 게시한 다음 웹사이트 코드를 변경할 필요 없이 새로 게시된 버전을 사용하세요.