stoa — вымышленное архитектурное бюро со студиями в Москве и Дубае: здания, общественные пространства, интерьеры. Я сделал для него сайт-концепт, чтобы показать, как собираю редакционное портфолио для проектной практики: страницу держат проекты, а текст остаётся сдержанным.

Название пишется строчными намеренно. Стоя (stoa) — крытая колоннада древнегреческого города, общественное помещение без стен, и сайт так же сдержан: чёрное и белое, английский текст строчными буквами, кнопки в квадратных скобках. Анимация должна была быть медленной и весомой, но не мешать добраться до любого проекта, статьи или вакансии.

Десять страниц: главная, список проектов, страница проекта, студия, журнал, статья, вакансии, контакты, политика конфиденциальности и 404. Контент вымышленный, но полный: 10 проектов, 5 историй в журнале, 6 вакансий и 2 студии на тёмной карте.

Главная открывается заставкой со счётчиком и видео на первом экране, дальше — ценности, которые подсвечиваются при прокрутке, услуги, история бюро со счётчиками, избранные проекты с плавающим изображением, награды в аккордеонах [ + ] и слайдер журнала, который можно тянуть. В списке проектов есть фильтры по направлениям и переключение между сеткой со смещением и списком с превью у курсора; на странице проекта — метаданные, лид, изображение с параллаксом, галерея с перетаскиванием и ссылка на следующий проект.

Текст разбит на выверенные строки и появляется строка за строкой; изображения проявляются снизу и оседают из лёгкого приближения; каждая внутренняя ссылка закрывает страницу светлой панелью со счётом до 100, а собственный курсор показывает подписи [ view project ] и [ read ]. Сайт написан на чистых HTML, CSS и JavaScript с GSAP, ScrollTrigger, Lenis и картой на Leaflet; формы работают в демо-режиме и ничего не отправляют.

Концепт — это 10 готовых страниц на английском. 22 сентября 2026 года я проверил 9 из них, отрисованных в Chrome, без страницы 404: у всех 9 уникальные title и объявленный язык, вёрстка на 390 px обходится без горизонтальной прокрутки, у 100% изображений есть alt, битых внутренних ссылок нет.

Замер Lighthouse на главной. На мобильном: производительность 88, доступность 95, рекомендации 77 и SEO 100, LCP 2,9 с, CLS 0,008, TBT 0 мс. На десктопе: производительность 99, LCP 0,9 с, CLS 0,003. На мобильном главная весит 13,4 МБ при 21 запросе — из-⁠за видео в Full HD на первом экране.