hooyax.info — наша собственная витрина: одностраничник на React + Vite, который показывает, как мы строим клиентские проекты. Каждый блок — это законченный паттерн, который мы повторяем в кейсах.
Сайт-визитка, в котором каждый элемент — рабочий пример того, как мы собираем интерфейсы вместе с AI
hooyax.info — не маркетинговый шаблон с фотостока. Это одностраничник, написанный с нуля: типографика, цвет, ритм, анимации, доступность, разметка для поисковиков. AI помогал на каждом шаге — от черновой структуры до микроправок CSS — но решения и архитектуру держали инженеры. Это и есть наш принцип: AI вшит в workflow, но не вместо людей.
В первом экране — анимированный псевдо-терминал: курсор, печать команд, отклик. Не «фоновое видео», а лёгкий React-компонент, который задаёт интонацию всей странице.
// component: TerminalHero.tsx6 направлений в виде вкладок (S.01…S.06). Под каждой — кнопка «Подробнее», которая открывает процесс, артефакты, стек и сроки. Состояние держим на data-атрибутах, чтобы React не перетирал классы reveal-анимации.
// pattern: data-expanded attrКаждая роль — карточка с переворотом. Лицо: роль, описание, метрика. Оборот: стек и AI-практики. Авто-флип на hover/focus и явная кнопка — никакого «угадай, что эта иконка делает».
// transform: rotateY(180deg)«HOOYAX·info» в футере не ломается на узких экранах: текст — это <svg> с textLength и lengthAdjust="spacingAndGlyphs". Растягивается ровно по ширине блока на любом размере.
В <head> — граф из Organization, WebSite и ProfessionalService с OfferCatalog на 6 услуг. У организации заполнены contactPoint и knowsAbout (21 компетенция). OG/Twitter, hreflang, canonical, sitemap.xml — собрано так, как мы делаем это клиентам.
Одностраничник работает на собственном VPS, отдаётся через nginx, обновляется маленькими релизами. Контент и UX-решения проверяем на себе: то, что сначала появляется здесь, потом превращается в готовый паттерн для клиентских проектов.
Никаких Next.js, серверных раннеров и тяжёлых UI-китов под витрину. Сайт — статический бандл, который собирается за секунды и раздаётся как обычная папка. Это позволяет жить дёшево, быстро деплоиться и не зависеть от чужой инфраструктуры.
.in — без тяжёлых scroll-библиотек
Каждая мелочь — типографика, состояния флипа, длина строк, поведение раскрытий — это сообщение клиенту «вот так мы будем работать и у вас». Поэтому страница переписывалась раундами по UX-фидбеку, пока баланс контента и плотности не сошёлся.
live · hooyax.infoСпециалисты с профильным IT-образованием и опытом промышленной разработки. AI для нас — инструмент проектирования, разработки и тестирования, а не замена экспертизы.
Соберём дизайн, контент и техническую часть — от типографики до Schema.org. С тем же подходом: AI в руках инженеров.
info@hooyax.info ↗