Перейти к содержимому

Сайт на своём коде · Собственный продукт студии

Сайт PIXONA

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

Продукт

собственный

Срок

10⁠–⁠14 рабочих дней

Первый экран

за 1,1⁠–⁠1,5 с

Автотестов

200+

Открыть сайт
pixona-studio.ru
Главная страница сайта студии PIXONA
Главная страница PIXONA на телефоне

Задача

Что должно было получиться

  • Страница под каждое направление — для поискового трафика
  • Быстрая загрузка на телефоне при медленной сети
  • Цены на страницах и в калькуляторе из одного источника
  • Данные заявок в России, по требованиям 152-ФЗ

Что умеет

Калькулятор стоимости сайта: вопрос и вилка цены сбоку

Расчёт стоимости

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

Страница направления «Лендинги»: цена, срок и макет формата

Страница на каждое направление

Двенадцать страниц из одного шаблона. Цены и сроки берутся из одного модуля, поэтому калькулятор, блок цен и страницы не расходятся.

Форма заявки с двумя отдельными галочками согласия

Заявка по 152-ФЗ

Две отдельные галочки согласия, данные хранятся в России. Заявка сначала сохраняется в базу и только потом уходит в Telegram и на почту — без персональных данных в мессенджере.

Статья блога с содержанием слева и обложкой

Блог

Содержание сбоку, время чтения и автор. Широкие таблицы на телефоне становятся карточками и не прокручиваются вбок.

Главная страница PIXONA в тёмной теме

Светлая и тёмная тема

Сайт переключается целиком. Контраст каждого текста проверен скриптом в обеих темах — ноль провалов.

Как устроено

Код писали вместе с Claude: он стоит соавтором во всех 131 обновлении кода.

1,5 с

до первого экрана — худший замер на среднем телефоне с медленной сетью

0

провалов контраста на всех страницах в двух темах

319 КБ

скриптов на главной при пределе 350

200+

автотестов перед каждой выкладкой

Надёжность и данные

  • Перед каждой выкладкой — проверка типов, линтер, тесты, сборка и проверка веса страницы
  • Если сайт после выкладки не ответил — автоматический откат на прошлую версию
  • Разметка для поисковиков: организация, услуги с ценой, вопросы и ответы, статьи
  • Копии базы четыре раза в сутки, сервер в России

Технологии

TypeScript, Next.js, PostgreSQL. Свой сервер в России.

Дашборд платформы аналитики рекламы Monro Analytics: выручка, доля рекламных расходов и цена заявки по продуктам

Следующая работа

Monro Analytics

Сводит расход из рекламных кабинетов и продажи из CRM. Руководитель видит, какая реклама окупается, маркетолог — только свои кампании.

Разбор проекта

Нужен похожий проект?

Расскажите задачу — вернёмся с составом первой версии, вилкой и сроком в течение рабочего дня. Бесплатно и без обязательств.

Файлы cookie

Одни нужны для работы сайта, другие — для статистики. Подробности — в политике обработки данных.