Перейти к основному содержимому
WordPress / WooCommerce CSS3 GSAP HTML5 PHP WebP

betterday.space — сайт частного веб-разработчика на кастомной теме WordPress

Портфолио-сайт частного веб-разработчика: разработка с нуля на кастомной теме WordPress DevCore, GSAP-анимации, WebP-оптимизация и этапный калькулятор стоимости.

Прокрутите, чтобы посмотреть весь сайт
betterday.space — сайт частного веб-разработчика на кастомной теме WordPress — мобильная версия

Задача клиента

Создать сайт-визитку и витрину услуг для частного веб-разработчика: подчеркнуть инженерный подход, показать услуги и портфолио, конвертировать посетителей в заявки. Требования — высокая скорость загрузки (PageSpeed), современный дизайн без визуальных конструкторов и удобное управление контентом из админки.

Инженерное решение

Разработка с нуля на кастомной теме WordPress DevCore: нативные метабоксы вместо ACF, CPT для услуг, портфолио, кейсов и новостей, локальные шрифты woff2 и WebP-изображения, GSAP-анимации скролла со статичным CSS-fallback. Серверное кэширование в .htaccess, этапный калькулятор стоимости проекта, личный кабинет с оплатой через ЮKassa.

Особенности разработки и внедренный функционал

  • Кастомная тема WordPress без визуальных конструкторов и тяжёлых плагинов
  • CPT и нативные метабоксы: услуги, портфолио, кейсы, новости
  • GSAP-анимации скролла со статичным CSS-fallback при отключённом JS
  • Локальные шрифты Geologica / Manrope / Fira Code (woff2)
  • Автоконвертация всех загружаемых изображений в WebP
  • Этапный калькулятор стоимости проекта с вариативностью работ
  • Личный кабинет пользователя с оплатой через ЮKassa

Результаты после запуска

Все изображения в формате WebP (−82% к весу по сравнению с PNG), локальные шрифты и скрипты, серверное кэширование в .htaccess. Мобильный PageSpeed стабильно выше 90 баллов после оптимизационного прохода.

Комментарий разработчика:

Этот проект — живая витрина темы DevCore: каждый блок сайта сначала разрабатывался и отлаживался здесь, а затем адаптировался под клиентские проекты.