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

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

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

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

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

Clean Code
React · Next.js · TS
UX-эмпатия
10 лет в психологии
ReactNext.jsTypeScriptTailwind CSSUX DesignFramer MotionАдаптивностьПроизводительностьReactNext.jsTypeScriptTailwind CSSUX DesignFramer MotionАдаптивностьПроизводительность
Обо мне

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

Моя история

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

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

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
    Производительность

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

Портфолио

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

Несколько проектов, сделанных от идеи до запуска. Каждый - под конкретную задачу.

Психологический кабинет и онлайн-платформа

Личный сайт психолога с онлайн-записью на консультации. Спокойный минималистичный дизайн - чтобы человеку было комфортно ещё до первого звонка.

  • Тёплая природная палитра - сайт не давит, а располагает к себе
  • Услуги и частые вопросы разложены по полочкам
  • Форма записи из трёх полей, без лишних шагов
ReactHuman UXEmpathy DesignAppointment System
Открыть сайт

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

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

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

Сайт пиццерии «PizzaVita»

Лендинг, на котором удобно собирать заказ с телефона: всё крупное, понятное, без лишних шагов.

  • Заказ собирается за два-три экрана
  • Фотографии не тормозят загрузку даже на слабом интернете
  • Кнопки и меню рассчитаны на пальцы, а не на курсор
Next.jsTailwind CSSHigh ConversionResponsive
Открыть сайт
Контакты

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

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

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

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

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