Панорама 360° – лише основа. Усе інше вирішує те, як цей простір зібраний: наскільки зрозумілий маршрут, чи є в потрібних місцях пояснення, чи лишається зображення різким при наближенні й чи відкриється воно взагалі на телефоні з поганим інтернетом.
Переходи ставимо там, куди людина й так дивиться: у бік дверей, прольоту, виходу на вулицю. Над ними – підпис, куди саме веде крок, щоб глядач не натискав навмання. Поверх туру працює план приміщень із позначеними точками: на ньому видно, де ви зараз стоїте й що лишилося необійденим. Для великих обʼєктів додаємо перелік зон, щоб перейти в потрібне крило одним натисканням, не проходячи весь маршрут.
Панорама показує простір, але не пояснює його. Тому в будь-якій точці можна поставити маркер: короткий підпис обладнання, площа приміщення, склад матеріалів, ціна номера, фотографії деталей у звичайному форматі, відео з майданчика або посилання на сторінку товару. Маркери зʼявляються поверх зображення й не заважають оглядатися: інтерфейс ховається, щойно глядач починає тягнути панораму.
Панораму ріжемо на кубічні грані й завантажуємо рівнями: спочатку легка версія, щоб картинка зʼявилась одразу, далі детальніша, а при наближенні підтягується грань у максимальній роздільності – тільки та, у яку глядач дивиться. Так тур відкривається швидко навіть на мобільному зʼєднанні, але при збільшенні лишається різким: видно текстуру тканини, шрифт на табличці, фактуру стіни. Зображення віддаємо у форматі AVIF із запасним WebP для старих браузерів.
Тур працює у браузері без застосунків і без Flash: компʼютер, планшет, смартфон. На телефоні панорама реагує на поворот самого пристрою – простір повертається разом із рукою. У VR-режимі зображення розділяється на два кадри для гарнітури. Готовий тур можна відкривати посиланням, вбудувати в сторінку сайту окремим блоком або розгорнути на весь екран як самостійну сторінку.
Тягніть, щоб оглянути · колесом ближче
У віртуальному турі глядач сам обирає, куди дивитися, і майже завжди доходить до наближення: хоче розглянути поверхню столу, стан стіни, обладнання в кутку, вид із вікна. Саме в цей момент більшість турів розсипається – зображення розпливається, і довіра до нього падає разом із різкістю.
Тому ми ставимо якість зображення вище за додаткові можливості. Панорама зберігається рівнями й віддає максимальну роздільність рівно туди, куди спрямований погляд, а не завантажує одразу все й не змушує чекати.
Решта можливостей – маркери, плани, відео, озвучення – підключаються за потреби. Вони допомагають, коли простір складний, і тільки відвертають увагу, коли обʼєкт говорить за себе сам.
Пʼять поширених прийомів, від яких ми відмовилися свідомо.
Панорама, яка крутиться сама, виглядає ефектно перші пʼять секунд, а далі забирає в глядача керування: він намагається розглянути деталь, а кадр від неї поїхав. Обертання лишаємо людині.
Звук, що вмикається сам, частіше закривають разом із вкладкою. Якщо озвучення потрібне – робимо його, але вмикає його глядач.
Тур має відкриватися, а не представлятися. Жодних екранів завантаження з логотипом на пів хвилини: перша панорама зʼявляється, поки ще підтягуються решта.
Переглянути тур можна одразу, без форм і паролів. Закритий доступ налаштовуємо тільки тоді, коли цього просить власник обʼєкта.
Тур належить вам: на зображенні немає ні водяних знаків, ні підпису студії. Згадка про нас зʼявиться тільки там, де ви самі захочете її поставити.
Так, це типовий сценарій. Віддаємо короткий фрагмент коду, який вставляється в будь-яку сторінку: WordPress, Tilda, саморобна верстка – різниці немає. Блок підлаштовується під ширину контейнера, тому верстку сторінки він не ламає. Якщо потрібна окрема сторінка з туром на весь екран, зробимо і її.
На пристроях із підтримкою WebGL – а це практично все, що випущено після 2013 року – тур працює повноцінно. Там, де WebGL вимкнений або недоступний, глядач бачить звичайне зображення панорами замість інтерактивного перегляду: сторінка не ламається й не показує порожнє місце.
Вбудований блок завантажує лише легку версію першої панорами – це кілька сотень кілобайт. Усе інше підтягується тоді, коли глядач починає взаємодіяти з туром. Якщо він просто прокрутив сторінку мимо, сайт не витратив нічого.
Так. Панорами в турі незалежні одна від одної, тому окрему точку можна переснімати й заміняти, не торкаючись решти. Так само додаються нові приміщення: доснімаємо й вшиваємо в наявний маршрут.
Сторінка з туром індексується як звичайна – із заголовком, описом і текстом навколо. Сам вміст панорам пошуковик не читає, тому важливі факти про обʼєкт краще дублювати текстом на сторінці. Ми підкажемо, що саме варто написати.
Можна підключити вашу аналітику й бачити, скільки людей відкрили тур, скільки часу в ньому провели і які точки переглядали найчастіше. Це корисніше, ніж здається: часто виявляється, що клієнтів цікавить зовсім не те приміщення, яке ви вважали головним.
Розкажіть про обʼєкт – підкажемо, які можливості справді знадобляться, а на які не варто витрачати бюджет.
Кілька деталей про об'єкт – і ми запропонуємо формат туру та орієнтовний строк.
