Для Alistera я собрал публичный сайт с планами, фотографиями и виртуальной прогулкой на HTML, CSS и JavaScript. Простая основа позволяет править содержимое без отдельной npm-сборки; интерактивные сцены и обработка обращения решают свои задачи поверх неё.
Для Alistera это оказалось нормальным инженерным решением. Публичный сайт на alistera.info использует HTML, CSS и JavaScript. У него нет обязательного фреймворка, пакетного сборщика и отдельной установки зависимостей ради правки абзаца. Cloudflare Worker обслуживает готовые ресурсы и серверные действия.
На экране «Alistera — первый экран» сохранены настоящие материалы и оформление проекта.
Alistera — первый экран
Архивный интерфейс · демонстрационные данные
Простая основа не отменяет сложных впечатлений
Английская версия находится в корне, русская и арабская имеют свои адреса. Содержимое показывает пространство и помогает перейти к обращению. Для арабского предусмотрено направление справа налево; язык меняет поведение макета, а не только подписи.
На сайте есть внешний виртуальный тур Flatshow. Я интегрировал его в общий опыт; сам движок Flatshow не является моей разработкой. Отдельные визуальные сценарии Alistera, включая кинематографическую подачу Teamday, имеют собственное устройство. Их не нужно приписывать одному встроенному окну только потому, что посетитель видит всё на одном экране.
Здесь важно, чтобы эффектный материал не заслонял задачу человека. Он хочет понять пространство: где будет сидеть команда, как оно ощущается и с кем обсуждать условия. Виртуальный тур полезен, пока помогает приблизить этот ответ.
У заявки своя небольшая инженерная жизнь
Форма отправляет данные в серверный обработчик. Доставка обращения использует Cloudflare Email, а ограничения и защита от повторов опираются на SQLite-backed Durable Object.
Почему не держать счётчик просто в памяти функции? Потому что запросы могут обрабатываться разными экземплярами. Два параллельных обращения легко решат, что каждое из них первое. Согласованное хранилище позволяет проверять лимит и изменять состояние как одну операцию.
Для посетителя это всё одна кнопка. Для команды за ней находится обещание: заявка не должна случайно размножиться и не должна считаться принятой только потому, что браузер красиво закончил анимацию.
Публичный сайт и отдельные продукты
Возможность собрать опыт целиком: смысловую структуру, визуальную подачу, языки, интеграции и рабочее обращение. AI помогает быстрее готовить и проверять реализацию. Решение использовать простой стек тоже принимается при его участии — хотя в рекламных текстах про AI почему-то чаще хвастаются количеством добавленных технологий.
На экране «Alistera — внутренний раздел» сохранены настоящие материалы и оформление проекта.
Alistera — внутренний раздел
Архивный интерфейс · демонстрационные данные
Публичный сайт знакомит с пространством и ведёт к обращению. Flatshow подключён как внешний виртуальный тур, а игровые и операционные инструменты Alistera — самостоятельные проекты. В этом кейсе мой результат — сайт, языковые версии и их интеграции.
Alistera — контактный раздел
Архивный интерфейс · демонстрационные данные
Связанные истории: Операционная CRM Alistera · Платформа Alistera Game · Графика стенда Alistera.
@nevsky_alexander
В Instagram — Дубай без парадного фасада: семья, город, находки и то, что происходит между проектами. В Threads — мысли вслух о дизайне и AI, на YouTube — видео, которым тесно в сторис. Подписывайтесь там, где вам удобнее: будем на связи