ПрайсСмета — площадка цифровых товаров

Самописная площадка цифровых товаров: готовые автоматические сметы и прайс-листы в Excel для электриков, сантехников, плиточников, бригад и строительных компаний. Полноценный продукт на PHP + MySQL, без CMS и фреймворков.

Живой сайт: https://ivansafronov.site/business/pricesmeta/ (демо-страница в портфолио закрыта от индексации)

Стек

PHP · MySQL (PDO) · HTML · CSS · JavaScript — без фреймворков и CMS.

Роль

Единственный разработчик, full-stack: архитектура, бэкенд на PHP/MySQL, фронтенд, личный кабинет и оплата, админ-панель, SEO, оптимизация и деплой.

Что внутри

Полный жизненный цикл цифрового товара — от витрины до выдачи файла после оплаты.

• Каталог цифровых товаров и страницы товаров; на главную выводятся последние публикации из базы.
• Личный кабинет: регистрация, вход, восстановление пароля.
• Онлайн-оплата с подписью транзакции (HMAC) и автоматической выдачей файла после покупки.
• Раздел статей (блог) и FAQ, оферта и политика обработки данных.

Архитектура

Серверный рендеринг на PHP с базой MySQL (PDO), без CMS и фреймворков.

• Товары и статьи хранятся в базе, публикация управляется флагом — на сайт попадает только опубликованное.
• Код разнесён на переиспользуемые инклюды (шапка, подвал, попапы) и хелперы навигации.
• Сессии для авторизации, защита служебных страниц и оплаты.

Кастомная админ-панель

Полностью самописная панель управления контентом и продажами: каталог товаров, статьи (публикация и снятие), работа с заказами.

Производительность (PageSpeed 100 / 99)

Главная доведена с 48 до 100 баллов на мобильных и 99 на десктопе.

• Критический CSS встроен в head, шрифты переведены на самохостинг (woff2-сабсеты кириллица + латиница, font-display: optional) — убраны все render-blocking запросы за стилем и Google Fonts.
• Видео переведено на «фасад»: вместо постоянно загружаемого стороннего плеера — лёгкая заглушка, реальный плеер подгружается только по клику.
• Hero-изображение в WebP с приоритетной загрузкой (preload + fetchpriority); остальные изображения — ленивая загрузка и явные размеры (нулевой сдвиг макета).
• LCP с 8.2 с снижен до быстрого, скрипты с defer.

Доступность и SEO

• Семантический лендмарк main, контраст и доступная навигация — Accessibility 100.
• Keyword-first title, meta description, Open Graph, осмысленная разметка.

Чем интересен проект

• Полноценная продуктовая площадка с кабинетом, оплатой и админкой — на чистом PHP + MySQL, без CMS.
• 100 баллов PageSpeed на мобильных при насыщенном функционале — производительность не в ущерб возможностям.
• Полный цикл одним человеком: архитектура → бэкенд и база → фронтенд → оплата → админка → SEO → оптимизация → деплой.