Сайт / WebGL и анимация

Портфолио с интерактивной 3D-графикой

Личный сайт с Three.js, анимацией GSAP и адаптивной подачей проектов.

Участие в команде разработкиКомандный проект
Обложка Developer Portfolio: MK • DΞV на фоне трёхмерной сетки
Превью из портфолио проекта.Нажмите, чтобы рассмотреть

PROJECT PASSPORT

Суть проекта — в одном экране.

Показать проекты и инженерный подход через сайт, в котором графика и взаимодействия дополняют содержание.

  • WebGL / Three.js
  • Анимация GSAP
  • Адаптивность и SEO
Моё участиеУчастие в команде разработки
Обсудить похожую задачу

01 / THE CHALLENGE

С чего начинается решение

Показать проекты и инженерный подход через сайт, в котором графика и взаимодействия дополняют содержание.

02 / THE BUILD

Как устроен пользовательский сценарий

Three.js, GSAP и адаптивная вёрстка объединены в интерактивной презентации. Анимация, навигация и подача проектов дополняют содержание; учтены доступность, производительность и SEO.

01WebGL / Three.js
02Анимация GSAP
03Адаптивность и SEO

03 / THE EXPERIENCE

Что получает пользователь

Сайт объединяет проекты, опыт и контакты в одной интерактивной презентации. 3D и анимация демонстрируют подход к frontend-разработке.

04 / ENGINEERING LENS

Что важно в похожей задаче

При обсуждении решения такого типа я бы отдельно разобрал эти вопросы:

  • Понятный путь к основному действию
  • Загрузка изображений и мобильная версия
  • Доступность и состояния интерфейса
Инженерный разбор MK • DΞV

Есть похожая задача?

Обсудим сценарии, ограничения и ту часть работы, в которой я могу быть полезен.

Обсудить проект