tarasovvitalii.com: портфолио основателя на четырёх языках и чат через VITON ID

Прежде чем нанять небольшую студию, покупатель часто ищет человека, который за ней стоит. Виталию Тарасову, основателю VITON¹³, нужен был адрес, который отвечает на этот поиск: всё, что он сделал, в одном месте — клиентские работы, собственные продукты студии и концепт-сайты, у каждого метка, что это такое, а у каждой цифры — источник.

Сайт должен был говорить на языках его клиентов — английском, русском, испанском и китайском — и служить способом связаться. Посетитель, которому понравился кейс, пишет прямо со страницы, войдя через VITON ID — тот же аккаунт, что на viton13.com, — или оставляет почту без всякой регистрации.

Восемь типов страниц в каждой из четырёх языковых версий: главная, список работ, страница каждой из 21 работы, «Обо мне», услуги, новости, контакты и сообщения, плюс 404. Всего 116 HTML-файлов; 108 страниц для поиска перечислены в карте сайта, а сообщения и 404 в неё не входят. Английская версия лежит в корне, остальные — под /ru/, /es/ и /zh/.

21 работа — это один клиентский сайт, десять собственных продуктов VITON¹³ и десять концептов. Восемь концепт-сайтов открываются ещё и как живые демо в /demos/, у каждого стоит noindex. На странице кейса — цифры проекта с источниками, SEO-разбор, если он проводился, и блок «Чего это не доказывает»; фильтр в списке работ делит их на сайты, SEO, дизайн и бренд, продукты и видео.

Главная открывается беззвучной 20-секундной петлёй шоурила, а кнопка воспроизведения запускает весь фильм: 47,6 секунды, 1920×1080, 60 кадров в секунду. Сообщения открываются шторкой поверх любой страницы: вход или регистрация через VITON ID, личная переписка с Виталием, форма для гостей без аккаунта, а для него самого — входящие со всеми диалогами.

Сайт — чистые HTML, CSS и JavaScript, которые собирает статический генератор на Node: каждая страница заранее отрисована для каждого языка, поэтому поисковый робот читает весь текст, не выполняя скриптов. Анимация построена на GSAP со ScrollTrigger и плавной прокрутке Lenis и выключается, если система посетителя просит меньше движения. Шрифты, скрипты и Firebase SDK отдаются с собственного домена, а заголовок Content-Security-Policy не разрешает скрипты и шрифты ниоткуда больше.

Аккаунты и чат работают на Firebase Auth и Firestore — в том же проекте, что VITON ID. Правила Firestore для чата — один самостоятельный блок с тестами в эмуляторе Firebase, поэтому его вставка в рабочие правила больше ничего не ослабляет. Небольшой API на Node принимает гостевую форму с лимитом 5 сообщений в час и 20 в день с одного адреса, а запрос на уведомление принимает только с действительным ID-токеном Firebase.

Шоурил — это веб-страница с функцией renderFrame(t): headless Chrome рисует каждый из 2 856 кадров, а ffmpeg кодирует их в H.264 и VP9, плюс версии 720p и бесшовные петли для главной. В нём — настоящие обложки сайтов и цифры Search Console проекта SB Excursions с периодом и источником. Сайт работает в Docker на нашем сервере за nginx; каждое изменение конфигурации проверяется через nginx -t и при ошибке откатывается, а сертификат Let’s Encrypt выпущен 23 сентября 2026 года.

tarasovvitalii.com работает на четырёх языках. 24 сентября 2026 года Lighthouse 13 поставил главной 99 за производительность и 100 за доступность, рекомендации и SEO — и на телефоне, и на компьютере. На телефоне страница загружается за 25 запросов и 1,6 МБ, все к собственному домену; LCP — 2,0 с, блокировки основного потока и сдвигов вёрстки нет.

В тот же день все 108 страниц из карты сайта были отрисованы в Chrome при ширине 390 px. У каждой один H1, канонический URL на саму себя, hreflang на четыре версии и x-default, Open Graph и JSON-LD; у всех 872 изображений есть атрибут alt (у миниатюр рядом с названием он пустой), ни одна страница не прокручивается вбок, а 182 внутренних адреса из ссылок ответили без ошибок.

Это собственный сайт основателя, который VITON¹³ сделал для себя, а не клиентский проект. Он работает с 23 сентября 2026 года, поэтому данных о трафике, позициях и обращениях пока нет, и кейс их не заявляет. Страница в карте сайта — приглашение к обходу, а не доказательство индексации.

Оценки Lighthouse — лабораторный замер главной в один день; повторный замер на компьютере через несколько минут дал 95 за производительность. Доступность сайта из материкового Китая не проверялась, а чат зависит от сервисов Google Firebase. Цифры поиска в шоуриле относятся к кейсу SB Excursions, а не к этому сайту.

Как проверить портфолио веб-студии →