Сайт
Текст
Этот сайт я собирал как живой продукт, а не как статичную витрину. Здесь важно было совместить портфолио, кейсы, детальные экраны и ощущение интерфейса, который не разваливается после первого экрана.
Что хотелось получить
Идея была не в том, чтобы просто выложить несколько карточек с проектами. Хотелось собрать сайт, у которого есть характер: выразительный первый экран, живой курсор, аккуратные состояния при наведении и понятная работа с контентом. При этом он должен был остаться практичным: с хорошей мобильной адаптацией, нормальной SEO-базой и возможностью дальше спокойно наращивать кейсы и материалы.
Как устроена структура
Сайт собран на Nuxt и разложен на секционные и общие компоненты: первый экран, профиль, проекты, контакты, карточки, блоки предпросмотра и нижние детали. Это дало возможность не держать всю страницу в одном файле и не смешивать глобальные стили с локальными.
Для проектов и статьи используются детальные экраны, привязанные к маршрутам: при открытии сохраняется контекст главной страницы, но у каждой детали есть свой URL, собственные метаданные и нормальная работа кнопок назад и вперед.
Что здесь важно визуально
Мне было важно не уйти в типовую сборку промостраницы. Поэтому здесь есть работа с фонами секций, собственный курсор, анимации появления, плотная типографика и более собранная карточная система без лишней декоративности.
Отдельно я старался, чтобы интерактивные состояния ощущались явно: наведение, открытие детального экрана, подсказка прокрутки, анимация нижнего листа и визуальная логика карточек.
Именно такие детали в итоге и формируют ощущение качества сильнее, чем просто красивый первый экран.
