Дизайн, разработка и запуск — под ключ

Сайты, которые
работают на репутацию бренда

Работаем под ключ и как подрядчик в составе команды — с передачей кода, макетов и доступов.

Обсудить проект Посмотреть работы
Издательские системы Порталы и CMS Веб-приложения Корпоративные сайты Лендинги
Направления

Что делаем

Берём проекты, где за внешним видом стоит работающая система: роли, документооборот, расчёты, интеграции.

01

Веб-приложения

Личные кабинеты, редакторские порталы, расчётные сервисы. Роли и права, рабочие процессы, генерация документов, API.

02

Порталы и CMS

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

03

Корпоративные сайты

Услуги, кейсы, команда, документы, блог. Аккуратная структура, понятная навигация, удобная админка.

04

Лендинги и промо

Одностраничные сайты под запуск продукта или услугу. Акцент на первый экран и короткий путь к заявке.

Работы

Проекты, где сложность внутри

Три системы, у которых видимая часть — только вершина: под ней роли, рабочие процессы, документы и расчёты.

Главная страница издательства Ярославской духовной семинарии
Издательская система Работает

Журнал Ярославской духовной семинарии

publish.yarseminaria.ru

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

Под капотом
  • Дизайн нарисован с нуля. Типографика научного издания: антиква в заголовках, акцентный курсив, светлая и тёмная темы. Ни готовой темы, ни шаблона — макет собран под это издание.
  • Админка написана под редакцию, а не подогнана из коробочной CMS. Экраны, права и переходы повторяют реальный процесс заказчика: кто на каком этапе что видит и что может изменить.
  • Рецензирование как процесс. Назначение рецензентов, раунды замечаний, статусы рукописи, уведомления по почте на каждом переходе.
  • Работа с документами вместо ручного переноса. Сервер читает присланные DOCX и PDF, вытаскивает текст и структуру, отдаёт обратно готовые файлы редакции. Материалы забираются прямо с почтового ящика по IMAP.
  • Четыре роли с разными правами — автор, рецензент, редактор, администратор. JWT-сессии, хеширование паролей, CSRF-защита, ограничение частоты запросов.
  • Выгрузка метаданных в РИНЦ. Формирование XML по формату eLibrary — на этапе внедрения.
Next.jsExpressMongoDBDocker ComposeNodemailer / IMAP
Раздел «Монастыри и храмы» портала Ярославской митрополии
Портал на CMS Работает

Портал Ярославской митрополии

web.yarseminaria.ru

Новости, разделы митрополии, храмы, фотогалереи и документы. Редакцией занимается сотрудник без технической подготовки — интерфейс проектировался под это.

Под капотом
  • Страница собирается из блоков. Блочный редактор с набором готовых компонентов: текст, цитата, галерея, документ, врезка. Вёрстка не требуется.
  • Авторский дизайн, а не тема из каталога. Спокойный редакционный стиль с культурным и историческим контекстом — портал не похож ни на новостной шаблон, ни на типовую панель CMS.
  • Дизайн-система зафиксирована документом. Три цветовые темы, единая сетка и описанные состояния компонентов: страницы, добавленные через год, не разойдутся с уже существующими.
  • Перенос контента со старого сайта отдельным импортом, без ручного копирования материалов.
  • Воспроизводимая сборка. Версии всех зависимостей заморожены в lock-файле: один и тот же коммит через год даёт тот же самый образ.
  • Обновление фотографий из соцсетей — модуль подготовки пережатых снимков к публикации, локально и без платных сервисов. В работе.
DjangoWagtailPostgreSQLGunicornDocker
Скриншоты — после публикации
Расчётная платформа Готовится к публикации

Платформа инженерных расчётов

Сервис для инженеров-проектировщиков: расчёты водоснабжения, канализации и пожаротушения по действующим сводам правил, с выпуском документации.

Под капотом
  • Интерфейс спроектирован под работу, а не под витрину. Свой дизайн: плотные таблицы исходных данных, формулы рядом с полями ввода, единый макет для всех калькуляторов — переходя между ними, инженер не переучивается.
  • 22 расчёта по нормативам. СП 30, СП 31, СП 32, СП 10, СП 8, СП 22, СП 131, таблицы Шевелёвых, методики НИИ ВОДГЕО — каждая формула привязана к пункту документа.
  • Пояснительная записка одной кнопкой. Результаты всех расчётов собираются в единый документ по ПП №87 с рамками и штампами по ГОСТ 21, на выходе DOCX и PDF.
  • Виден ход решения, а не только ответ. Формулы отрисовываются математической вёрсткой с подставленными значениями — расчёт можно проверить и защитить перед экспертизой.
  • Климатические параметры по карте. Точка на карте подставляет данные района в расчёт.
  • Асинхронный бэкенд и кеш. Тяжёлые выборки по справочникам не блокируют интерфейс.
FastAPINext.jsPostgreSQLRedisKaTeXTraefik
Процесс

Как идёт работа

Прозрачные этапы с промежуточной приёмкой — на каждом шаге видно, за что заплачено.

Бриф и цели

Разбираем задачу, аудиторию и то, каким действием измеряется успех. Фиксируем объём и сроки.

Структура и дизайн

Прототип экранов, затем визуальный макет. Правки на этом этапе — самые дешёвые.

Разработка

Вёрстка, интерфейс, админка, интеграции. Показываем на тестовом домене по ходу работы.

Запуск

Перенос на боевой сервер, метрики, проверка на устройствах. Передаём исходники и доступы.

  • Адаптив под все экраныОт смартфона до широкого монитора — проверяем вручную, а не только в эмуляторе.
  • Скорость загрузкиОптимизация изображений, шрифтов и скриптов — работаем на реальные показатели, а не на скриншот теста.
  • Техническая база SEOСемантическая разметка, мета-теги, Open Graph, карта сайта, микроразметка.
  • ДоступностьКонтраст, фокус с клавиатуры, уважение системных настроек анимации и прозрачности.
  • Развёртывание в контейнерахПроект поднимается одной командой на любом сервере и переживает его перезагрузку.
  • Исходники — вашиОтдаём весь код, макеты и документацию. Дальше проект может вести любая команда.
Контакт

Расскажите о задаче

Ответим на заявку и предложим объём работ, сроки и стоимость. Если задача не наша — честно скажем об этом.

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