П.ВИН
Landing

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

Персональный сайт-портфолио AI-разработчика с анимированной типографикой, кейсами проектов, MDX-блогом и встроенным SEO-движком для автоматической кластеризации запросов и реоптимизации страниц.

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

Что это?

Персональный сайт-портфолио AI-разработчика с анимированной типографикой, кейсами проектов, MDX-блогом и встроенным SEO-движком для автоматической кластеризации запросов и реоптимизации страниц.

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

Было: статичный CV в Notion без трафика → Стало: designer-grade портфолио с GSAP-анимациями, блогом и саморастущим SEO-автопилотом.

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

Реализовано на стеке: Next.js, React, GSAP, Tailwind CSS. Кастомный Next.js с GSAP-анимациями, MDX-блогом и AI-движком, который сам кластеризует ключи, мониторит позиции и реоптимизирует страницы по cron.

Next.jsReactGSAPTailwind CSSMDXSupabaseNext.jsReactGSAPTailwind CSSMDXSupabaseNext.jsReactGSAPTailwind CSSMDXSupabaseNext.jsReactGSAPTailwind CSSMDXSupabase
Портфолио — первое впечатление, которое решает, начнётся ли разговор с клиентом вообще. Цель — собрать визуально сильный сайт, который сам растёт в поиске и превращает случайный трафик в лидов.
pashavin.ru
pashavin.ru — Портфолио — первое впечатление, которое решает, начнётся ли разговор с клиентом вообще.

Вызов

Личный бренд

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

  • — Tilda и Notion-шаблоны не выделяют автора среди тысяч таких же фрилансеров
  • — Нет органического трафика — клиенты приходят только по сарафану
  • — Кейсы разбросаны по GitHub, Telegram и слайдам без единой витрины

Решение

Дизайн + SEO

Кастомный Next.js с GSAP-анимациями, MDX-блогом и AI-движком, который сам кластеризует ключи, мониторит позиции и реоптимизирует страницы по cron.

  • + Уникальный визуальный язык: 15vw-типографика, Lenis smooth scroll, кастомный курсор
  • + MDX-блог с подсветкой кода через Shiki и автоматическим reading time
  • + SEO-автопилот: кластеризация запросов, мониторинг позиций, реоптимизация Claude API

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

Mindmap

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

Frontend

Анимированная витрина
Next.js · React · TypeScript

NODE.02

Animations

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

NODE.03

Blog

Контент-движок
MDX · Shiki · gray-matter

NODE.04

SEO Engine

Автооптимизация контента
Claude API · Supabase · Cron

COREEngine

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

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

0

ручной SEO-работы

24/7

автооптимизация позиций

60fps

плавность анимаций

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

TG Army →