П.ВИН
Landing

Pashavin.ru — Landing из портфолио Паши Вина

Дизайнерское портфолио AI-разработчика с кинематографичными GSAP-анимациями, smooth scroll и кастомным курсором. Полностью статичный сайт без обращений к БД.

01. КатегорияLanding
02. РольFull-stack, Product
03. Датамар 2026

Что это?

Дизайнерское портфолио AI-разработчика с кинематографичными GSAP-анимациями, smooth scroll и кастомным курсором. Полностью статичный сайт без обращений к БД.

Какую задачу решает?

Шаблонный CV-сайт → Кино-опыт, который продаёт сам

Как реализовано?

Реализовано на стеке: Next.js, React, TypeScript, GSAP. Каждая секция — самостоятельный визуальный аттракцион с анимациями, синхронизированными со скроллом.

Next.jsReactTypeScriptGSAPTailwind CSSLenisNext.jsReactTypeScriptGSAPTailwind CSSLenisNext.jsReactTypeScriptGSAPTailwind CSSLenisNext.jsReactTypeScriptGSAPTailwind CSSLenis
Большинство портфолио разработчиков выглядят как одинаковые CV в HTML-обёртке. Цель — собрать сайт, который сам по себе доказывает уровень: кино-анимации, smooth scroll и ноль шаблонности.
Pashavin.ru
Pashavin.ru — Большинство портфолио разработчиков выглядят как одинаковые CV в HTML-обёртке.

Вызов

Шаблонные портфолио

Стандартные сайты-визитки разработчиков выглядят одинаково и не передают уровень с первой секунды.

  • — Все портфолио сливаются в один шаблон
  • — Холодный текст не передаёт характер
  • — Нет ощущения премиум-уровня на входе

Решение

Кино-опыт

Каждая секция — самостоятельный визуальный аттракцион с анимациями, синхронизированными со скроллом.

  • + GSAP + ScrollTrigger в каждой секции
  • + Lenis smooth scroll на десктопе
  • + Кастомный курсор с mix-blend-mode

Архитектура & Стек

Mindmap

[ Mindmap Процессов / v2.0 ]
NODE.01

Анимации

Кинематика скролла
GSAP · ScrollTrigger · Lenis

NODE.02

Рендер

Статичная генерация
Next.js · React · TypeScript

NODE.03

Дизайн

Тёмная тема
Tailwind · shadcn/ui · Syne

NODE.04

Контент

Типизированные данные
TypeScript · MDX · gray-matter

COREEngine

Смоделировано 100 предпринимателями

Бизнес Импакт

0

запросов к БД

60fps

плавность скролла

100

Lighthouse Performance

Открыть проект
Следующий кейс

SEO Autopilot →