Jak stworzyć interaktywny plan piętra

Podstawą wyjątkowego interaktywnego planu piętra jest wyraźny i czytelny obraz źródłowy. Niezależnie od tego, czy pracujesz z eksportem architektonicznego CAD, renderowaniem Revit, planem PDF czy graficznym planem witryny w wysokiej rozdzielczości, wyeksportuj swój rysunek w szerokości od 2000 do 6000 pikseli.

Usuń niepotrzebne adnotacje inżynieryjne, linie wymiarowe i kreskowania konstrukcyjne, które zaśmiecają cyfrowe ekrany. Skoncentruj się na obwodzie pomieszczeń czystych, wyraźnie oznaczonych wejściach, klatkach schodowych, windach i orientacji okien. Użyj schematów kolorów o wysokim kontraście, aby ściany i korytarze, po których można żeglować, natychmiast się wyróżniały.

Prześlij swój plan piętra bezpośrednio do Layerpin. Platforma optymalizuje i przygotowuje plik do responsywnego głębokiego powiększenia, umożliwiając przeglądarkom żądanie odpowiedniej rozdzielczości dla ekranu odwiedzającego i poziomu powiększenia.

W przypadku zamkniętych przestrzeni, takich jak biura, sale konferencyjne, sklepy lub stoiska wystawowe, zamiast prostych pinezek należy używać narzędzi Layerpin do kształtowania wielokątów i prostokątów. Kształty podkreślają fizyczny ślad obszaru, sprawiając, że granice przestrzenne są jednoznaczne.

Zastosuj półprzezroczyste kolory wypełnienia (np. 15–25% krycia) z pełnym obramowaniem o wielkości 2 pikseli. Dzięki temu detale architektoniczne znajdujące się pod spodem, takie jak zawiasy drzwi, rozmieszczenie siedzeń i numery pokoi, pozostają w pełni widoczne, jednocześnie informując o stanach wyboru.

Skonfiguruj różne stany najechania i aktywności. Kiedy gość najedzie kursorem na Pokój 302, subtelny blask lub rozjaśnienie wypełnienia zapewnia natychmiastową reakcję dotykową, sygnalizując, że przestrzeń można kliknąć.

Podczas gdy kształty definiują pomieszczenia, znaczniki pinów idealnie nadają się do poszczególnych miejsc docelowych: recepcji, toalet, wyjść awaryjnych, kawiarni, wind i sprzętu AV.

Layerpin pozwala dostosować ikony pinezek, style znaczników i etykiety plakietek. Używaj powszechnie rozpoznawalnych ikon (np. filiżanki kawy do pokojów socjalnych, ikony windy do wind), aby odwiedzający mogli zlokalizować najważniejsze udogodnienia bez czytania tekstu.

Organizuj znaczniki w kategorie funkcjonalne, aby odwiedzający mogli włączać i wyłączać warstwy udogodnień w razie potrzeby.

Kiedy odwiedzający kliknie na pokój lub stoisko, karta informacyjna powinna od razu odpowiedzieć na jego kolejne pytania. Dołącz wysokiej jakości zdjęcia wnętrza, powierzchnię/pojemność, dostępne udogodnienia techniczne i aktualny stan obłożenia.

Każda karta powinna zawierać widoczny przycisk wezwania do działania: „Zaplanuj wycieczkę”, „Rezerwacja”, „Zarezerwuj salę konferencyjną” lub „Skontaktuj się z agentem wynajmu”. Połącz te przyciski bezpośrednio z Calendly, systemem rezerwacji lub formularzem CRM.

Na ekranach mobilnych Layerpin automatycznie dostosowuje karty informacyjne do ergonomicznej dolnej szuflady, zapewniając obsługę jedną ręką odwiedzającym spacerującym po przestrzeni fizycznej.

Gdy interaktywny plan piętra będzie już gotowy, osadzenie go na Twojej stronie zajmie mniej niż dwie minuty. Skopiuj lekki, responsywny skrypt do osadzania Layerpin lub fragment iframe i wklej go do WordPress, Webflow, Squarespace, Wix, Framer lub niestandardowych aplikacji Next.js.

W przypadku kiosków fizycznych i oznakowań na miejscu wygeneruj kody QR, które prowadzą bezpośrednio do określonych pomieszczeń lub do pełnego interaktywnego widoku mobilnego. Gdy przydział pokoi lub stan wynajmu się zmienią, zaktualizuj mapę w Layerpin i opublikuj swoje osadzone na żywo, a następnie korzystaj z nowo opublikowanej wersji bez konieczności zmiany kodu strony internetowej.