Frontend Developer

Создаю сайты, которые цепляют дизайном и двигают бизнес-метрики

Собираю быстрые, живые и адаптивные интерфейсы: от лендингов до сложных веб-приложений с продуманной UX-логикой и аккуратной анимацией.

  • 14+ проектов в портфолио
  • 375px+ адаптив на всех проектах
  • React · 3D и чистый JS без фреймворков

About me

Не просто верстаю, а проектирую удобный пользовательский путь

Работаю на стыке дизайна и разработки: превращаю макеты в интерфейсы с четкой иерархией, правильной типографикой и вниманием к деталям. Люблю решения, где эстетика поддерживает конверсию.

  • Pixel-perfect и семантичная верстка
  • Адаптив под mobile/tablet/desktop
  • Микроанимации без перегруза UX
  • Оптимизация производительности
100%

внимание к качеству кода и поддерживаемой архитектуре

24h

среднее время ответа по рабочим задачам

Figma → Prod

полный цикл: от идеи и прототипа до деплоя

Services

Чем могу быть полезен проекту

Landing pages

Выразительные промо-страницы с четким сценарием взаимодействия и высокой конверсией.

Web applications

Простые веб-приложения на Vanilla JS: трекеры, менеджеры задач, интерактивные интерфейсы.

UI animation

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

Code refactoring

Чистка legacy-верстки, улучшение структуры CSS и ускорение загрузки страницы.

Skills

Технологии, с которыми работаю каждый день

HTML5 CSS3 SCSS JavaScript ES6+ React TypeScript Vite Three.js / WebGL BEM Git / GitHub REST API Figma адаптивная верстка GitHub Pages

My works

Проекты, где дизайн и разработка работают вместе

Sable — 3D-конфигуратор парфюма на React Three Fiber

Sable

3D-конфигуратор парфюма: флакон построен процедурно в коде, без готовых моделей. Гранёное стекло, отражения, три аромата — у каждого своя форма и атмосфера.

React · TypeScript · Three.js / R3F
Nodal — лендинг edge-сети с WebGL-констелляцией

Nodal

Констелляция на сыром WebGL без библиотек: свои GLSL-шейдеры, курсор становится узлом сети, по связям бегут пакеты данных.

Vanilla JS · WebGL · GLSL
Aura — лендинг AI-платформы с курсор-реактивным фоном

Aura

Живой aurora-фон, реагирующий на курсор, и интерактивное демо продукта — поиск по документам команды с ответами и ссылками на источник.

Vanilla JS · CSS-анимации · Интерактив
КРЕМА — интернет-магазин спешелти-кофе на React

КРЕМА

Интернет-магазин спешелти-кофе: каталог с фильтрами в URL, варианты помола и веса, корзина и оформление заказа.

React · TypeScript · Vite · SCSS-модули
Smilio — многостраничный сайт стоматологии

Smilio

Сайт стоматологии под ключ: 4 страницы, форма записи с валидацией, кастомные UI-компоненты, карточки врачей и услуг.

Vanilla JS · Multi-page · Формы
Nebula — премиальный bento-лендинг

Nebula

Тёмный премиальный bento-лендинг: асимметричная сетка, cursor-spotlight, счётчики, график и параллакс.

Vanilla JS · Bento-grid · Анимации
FilmGovernment — поиск фильмов через TMDB API

FilmGovernment

Поиск фильмов через TMDB API — трендовые, трейлеры, избранное, RU/EN, бесконечная прокрутка.

Vanilla JS · REST API · Multi-page
DoFit Landing — лендинг фитнес-приложения

DoFit Landing

Лендинг фитнес-приложения — тёмный UI, SCSS-архитектура, тема, анимации при скролле.

HTML · SCSS · Vanilla JS
DesignShift Landing — лендинг курса по веб-дизайну

DesignShift Landing

Лендинг курса по веб-дизайну — бегущая строка, валидация формы, тема, scroll-reveal.

HTML · Pure CSS · Vanilla JS
FITSHIFT — лендинг персонального тренера

FITSHIFT

Лендинг персонального тренера — слайдер до/после, FAQ, тарифы, scroll-reveal.

HTML · CSS · Vanilla JS

Contacts

Давайте соберем ваш следующий сильный интерфейс

Напишите пару слов о задаче: цели проекта, сроки и желаемый стек. Предложу рабочий план и этапы реализации.