Обычный сайт ждёт, пока вы кликнете. Мне было интересно, что будет, если он начнёт откликаться на то, как вы двигаетесь, говорите и держите телефон. Так появилась лаборатория — коллекция из восьми экспериментальных сайтов. Каждый проверяет одну идею, и каждый работает в обычном браузере, без установки.
Восемь экспериментов
Echo — интерфейс, который смотрит на вас
Камера следит за положением головы, и экран превращается в окно: сдвигаетесь — и видите пространство «за стеклом» под другим углом. Открыть Echo.
Touchless — сайт, к которому не прикасаются
Галерея парящих скульптур, которыми управляют жестами в воздухе: щипком и открытой ладонью. Открыть Touchless.
Synesthesia — увидеть свой голос
Голос превращается в светящуюся скульптуру, которая продолжает жить после того, как вы замолчали. Для тех, кто стесняется говорить, есть демо-запись. Открыть Synesthesia.
Liquid — цифровая материя
Чернила ведут себя как жидкость, а заголовок растворяется под пальцем и собирается заново. Симуляция идёт прямо на видеокарте. Открыть Liquid.
Parallax Zero — мир внутри устройства
Наклоните телефон — и миниатюрный город откроет то, что спрятано за фасадами. На компьютере то же самое делается мышью. Открыть Parallax Zero.
Chronos — скролл сквозь время
Прокрутка управляет кинематографичной историей превращения одного объекта: четыре состояния, и в финале он становится вашим. Открыть Chronos.
Observer — интерфейс, который живёт
Перламутровое существо следит за вами — курсором, головой, руками, голосом и наклоном телефона. У него есть настроение, и оно помнит, что вы уже заходили. Открыть Observer.
Murmur — стая из миллиона точек
Миллион точек летит стаей, как скворцы над полем. Курсор — сокол, от которого стая уворачивается, а нажатие складывает её в слово. Всё считает видеокарта через WebGPU. Открыть Murmur.
Приватность — первым делом
Камера и микрофон звучат тревожно, поэтому правило жёсткое: всё обрабатывается в вашем браузере. Видео и звук никуда не отправляются и не записываются. Доступ к камере или микрофону запрашивается только по нажатию кнопки, а у каждого эксперимента есть режим без них — мышью, касанием или демо-записью.
Зачем это бизнесу
Не каждому сайту нужно управление жестами. Но эти приёмы хорошо работают там, где важно впечатление:
- промо-страница запуска курса или продукта;
- страница премиального бренда — парфюм, украшения, искусство;
- интерактив для выставки, события или офлайн-стенда;
- запоминающаяся «визитка» эксперта.
А ещё это проверка технологий: то, что сегодня — эксперимент, завтра становится мягким акцентом на обычном сайте. Вода и рыбы на главной странице портфолио — как раз такой случай.
Попробуйте все восемь сайтов в лаборатории. Лучше всего — с компьютера с камерой или с телефона, и в хорошем освещении.