Сайт-портфолио

Ссылка: https://wordite.ru

Это мой сайт-портфолио. Я написал его написал его на: Astro (React), Scss, Nanostores, Three.JS, Tailwind. Этот сайт содержит огромное количество интерактивности, которую лучше своими глазами, чем прочитать.

Встречает нас при загрузке страницы Loader, далее на первом экране главной страницы 3д сцена, где вращаются Земля с Луной. Первые две секции (первый экран и портфолио реализованы в виде вертикального слайдера, а третья секция уже скролится).

Далее секция Портфолио, где представлены ссылки на 4 работы, и также ссылка на страницу с работами. Справа вращающаяся 3д модель кофе.

Ниже так же есть еще 2д канвас, но при таком обилии графики сайт летает, так как я придерживался стандартов web performance и предотвращал рендеринг всего, что вне поля зрения пользователя. Так же сайт 3д модели прилетают пользователю в сжатом виде и извлекаются на клиенте, что обеспечивает их суммарный размер при загрузке сайта всего лишь в 1.1 мегабайта.

Далее секции с услугами, навыками (2d canvas), фото и футер.
Настоятельно рекомендую посмотреть мою работу своими глазами!