Frontend-разработчик · психолог

Интерфейсы, которыечувствуют людей.

Я - Егор. Делаю сайты на React и Next.js: быстрые, аккуратные, без лишнего. А десять лет в психологии помогают смотреть на интерфейс глазами обычного человека, а не разработчика.

0+лет в психологии и UX
0+запущенных проектов
0%адаптивность под все экраны
Егор Прокопенков - frontend-разработчик
Егор Прокопенков

«Хороший интерфейс не замечаешь - им просто пользуешься»

Clean Code
React · Next.js · TS
UX-эмпатия
10 лет в психологии
React & Next.js 14Telegram Mini AppsTypeScriptSaaS-архитектураPostgreSQL & SupabaseTailwind CSSHuman UX & EmpathyFramer MotionCron-автоматизацияAI в разработкеReact & Next.js 14Telegram Mini AppsTypeScriptSaaS-архитектураPostgreSQL & SupabaseTailwind CSSHuman UX & EmpathyFramer MotionCron-автоматизацияAI в разработке
Обо мне

Код - это половина дела. Вторая - понимание людей

Моя история

Десять лет я работал педагогом-психологом: слушал людей, наблюдал, помогал. Когда перешёл в разработку, оказалось, что эти навыки отлично работают и здесь. Я смотрю на интерфейс как на диалог с человеком - и думаю о том, как ему будет комфортно: с телефона, планшета или ноутбука.

В работе использую современный стек и нейросети - на рутине они экономят часы. Но решения о том, как устроен продукт, всегда остаются за мной.

01

Эмпатия к пользователю

Десять лет психологии - это умение смотреть на продукт чужими глазами: замечать, где человек спотыкается, и убирать эти места заранее.

02

Лёгкость восприятия

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

03

Нейросети в работе

Нейросети берут на себя скучное: черновой код, шаблоны, повторяющиеся задачи. Времени уходит меньше, а качество остаётся прежним.

04

Польза для бизнеса

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

Стек & подходы

Технологии и подход к работе

Современный стек, проверенные приёмы UX и нейросети там, где они реально ускоряют работу.

Frontend-стек

С чем работаю каждый день

  • ReactUI Framework
  • Next.js (App Router)SSR & Architecture
  • TypeScript / JavaScriptType Safety
  • Tailwind CSSDesign Systems
  • HTML5 / Modern CSSSemantic Web
  • Framer MotionAnimations

Мой подход

Как я работаю над проектом

  • 01
    Адаптивность под каждый экран

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

  • 02
    Проектирование UX

    Путь пользователя продумываю заранее - от первого экрана до заявки. Всё, что может сбить с шага, убираю ещё на этапе макета.

  • 03
    AI в работе

    Нейросети берут на себя рутину: черновой код, прототипы, повторяющиеся задачи. Мне остаётся то, что требует головы.

  • 04
    Производительность

    Слежу за скоростью загрузки и за тем, чтобы анимации не тормозили даже на слабых устройствах.

Подтверждённая квалификация

Официальные сертификаты Google и Coursera

Проверено на Coursera
Google Career Certificate
13 августа 2026
AI for App Building
Рассмотреть сертификат
AI & Web Development

AI for App Building

Google & Coursera

Официальный сертификат курса от Google на платформе Coursera. Практическое применение искусственного интеллекта, работа с промптами и создание современных AI-ориентированных веб-приложений.

AI-Assisted DevelopmentPrompt EngineeringApp ArchitectureGoogle AI Tools
Проверить
Coursera Project Network
28 июля 2026
Use Canva to Design Digital Course Collateral
Рассмотреть сертификат
UI & Visual Design

Use Canva to Design Digital Course Collateral

Coursera · Freedom Learning Group

Практический проект Freedom Learning Group на Coursera. Разработка цифровых учебных и маркетинговых материалов, принципы визуальной иерархии, композиции, цвета и брендинга.

Visual HierarchyDigital CollateralTypography & ColorBrand Consistency
Проверить
Портфолио

Избранные работы

Сайты, SaaS-платформы и Telegram Mini Apps, сделанные от идеи до запуска. Каждый - под конкретную задачу бизнеса.

PsyRoot - Психодиагностика & SaaS-кабинет

Полнофункциональный веб-сервис на стыке HealthTech и SaaS: открытый каталог доказательных тестов с серверным авторасчётом и закрытый SaaS-кабинет (мини-CRM) для практикующих специалистов.

  • Серверный авторасчёт 15+ методик (Big Five, PSS-10, ISI) и кризисный роутинг (PHQ-9)
  • Мини-CRM и Intake Forms: пошаговый сбор анамнеза по ссылкам /intake/[id]
  • Гибридный каталог по ст. 1274 ГК РФ и PRO-биллинг с ручной модерацией
  • Calm Tech (WCAG AAA 7.5:1), 90+ тестов Vitest и CI/CD на GitHub Actions
Next.js 14 App RouterTypeScriptSupabase (PostgreSQL / RLS)Server ActionsVitest (90+ тестов)Tailwind & Shadcn UI
psyroot.space

QuickBook - SaaS & Telegram Mini App

Мультиарендная платформа для онлайн-записи клиентов в Telegram и веб. Интерактивные слоты, Supabase PostgreSQL, Cron-напоминания и прием оплат.

  • Запись в 3 клика в Telegram и веб-версии
  • Атомарные SQL-транзакции и защита от овербукинга
  • Автонапоминания клиентам за 24 ч и 1 ч в Telegram
  • Личный кабинет мастера: график, услуги и СБП
Next.js 14Telegram Mini AppsTypeScriptSupabase / PostgreSQLCron Automation

Интернет-магазин материалов «EnglishNest»

Интернет-магазин интерактивных учебных материалов для учителей английского языка (дети 5-12 лет). Всё цифровое: купил - скачал - занимайся.

  • Каталог с поиском и фильтрами - нужный материал находится за пару кликов
  • Версии на русском и английском, корзина цифровых товаров и админка
  • Игровое оформление, которое хорошо смотрится и на телефоне, и на компьютере
ReactNext.jsDigital E-Commercei18n (RU/EN)Admin Panel
Открыть сайт
Контакты

Есть задача или идея? Давайте обсудим её.

Беру фриланс-проекты и доработку существующих сайтов. Напишите пару слов о задаче - вместе прикинем, как её решить.

Отправить сообщение

Заполните форму - я отвечу в течение нескольких часов.

Отправляя форму, вы соглашаетесь на обработку персональных данных