chebaturkin.com
личный сайт и медиа · 2026
мой личный сайт
я собрал здесь рассказ о себе, свои проекты и публикации. сам сделал структуру, дизайн и разработку, а для новых статей — отдельный редактор.
открыть сайт
рассказать о себе
и показать работу
я занимаюсь предпринимательством, контентом, разработкой, стратегией и дизайном. хотел рассказать об этом на одном сайте и показать проекты, над которыми работаю.
на главной — коротко обо мне и моей работе. подробности вынес на отдельную страницу, а тексты собрал в публичный архив.
это мой собственный проект. поэтому в кейсе показываю и сам сайт, и админ-панель, через которую его веду.
главная и «обо мне»
пять ролей на первом экране
вокруг портрета — пять ролей. нажатие на роль открывает нужную главу на странице «обо мне».
как это устроено
при наведении или выборе с клавиатуры меняется портрет. на телефоне первое касание меняет фото, второе открывает главу.
понятный порядок разделов
после первого экрана идут планы, проекты, публикации и контакты. можно прочитать всё по порядку или сразу перейти к нужному разделу.
как это устроено
из шапки можно перейти к проектам и контактам. страница «обо мне» и каждая публикация открываются по отдельной ссылке.
анимации и реакции на нажатия
фото меняются при выборе роли. стрелка ведёт взгляд к портрету. кнопки реагируют на наведение и нажатие.
как это устроено
наведение плавно меняет заливку кнопок. если в устройстве выбрано уменьшение движения, сайт отключает лишние анимации.
логотип и оформление
для сайта я разработал монограмму и написание имени. выбрал тёплый светлый фон, крупные заголовки и рукописный шрифт для коротких подписей.
unbounded · inter
golos text · neucha
архив публикаций
здесь я публикую статьи и рабочие записи. у каждого текста есть своя страница, которую можно сохранить или отправить.
ссылки на статьи
при отправке ссылки показываются название и описание статьи.
текст доступен поиску
текст статьи доступен поисковику сразу, без ожидания загрузки скриптов.
оформление статей
в архиве используются те же шрифты, цвета и навигация, что на главной.
собственная админ-панель
для статей, изображений и личных заметок я сделал собственную админ-панель. новую публикацию можно добавить без правки кода.
редактор публикаций
можно написать текст, добавить изображения, сохранить черновик и посмотреть статью перед публикацией.
автосохранение
редактор сохраняет изменения автоматически. восстановление черновиков позволяет вернуться к тексту после перерыва.
изображения
загруженные фото сжимаются в webp. перед удалением файла можно проверить, где он используется.
закрытые записи
заметки с тегами доступны только после входа. на публичных страницах они не появляются.
что ещё я предусмотрел
подготовил страницы для поиска, настроил доступ к данным и добавил проверки работы сайта.
подготовка к индексации
у каждой страницы есть заголовок, описание и основной адрес для поиска. ссылки на статьи показывают превью. карта сайта помогает поисковику найти публичные страницы.
клавиатура, касания и анимации
кнопки и ссылки работают с мышью, клавиатурой и на сенсорном экране. если в устройстве включено уменьшение движения, лишние анимации отключаются.
доступ к закрытым данным
в админ-панель нужно войти. правила доступа в базе данных ограничивают чтение закрытых заметок и изменение публикаций. изображения хранятся отдельно от текстов.
проверки перед выпуском
тесты проверяют редактор, доступ к данным и поведение интерфейса в браузере. перед выпуском изменений я запускаю сборку и проверки.
html / css / javascript · gsap · supabase · tiptap · esbuild · playwright
личный сайт
с редактором публикаций
я разработал сайт, на котором можно узнать обо мне, посмотреть проекты и почитать мои тексты. для добавления публикаций и хранения материалов сделал админ-панель.
открыть сайтскриншоты страниц — 1 октября 2026, локальная версия сайта. скриншот админ-панели снят раньше.