Связаться
Telegram MAX WhatsApp VK +7 952 352-84-95
Цены Кейсы Вопросы Оставить заявку
Сайт и сопровождение2025–2026

Ced expert – сайт центра дезинфекции

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

Калькулятор стоимости на главной сайта ced.expert на экране MacBook
Калькулятор стоимости на главной. Сайт работает: ced.expert

01Задача

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

02Что сделано

  • Собственная тема WordPress по макетам из Figma
  • Дорисовал то, чего не было в макетах: страницы о компании и для заказчиков, окна, калькулятор и мобильное меню
  • Калькулятор стоимости услуги в модальном окне
  • Отдельные страницы услуг, документов и сотрудников
  • Страница онлайн-оплаты и чат на сайте
  • В 2026 году – меню с иконками и новая мобильная версия

03Стек

WordPressPHPTypeScriptSCSS

04Экраны на компьютере и телефоне

Снято с работающего сайта ced.expert в октябре 2026 года.

Сайт ced.expert на компьютере, первый экран Сайт ced.expert на компьютере, ниже по странице
Компьютер, 1440 px
Сайт ced.expert на телефоне, первый экран Сайт ced.expert на телефоне, второй экран
Телефон, 390 px

05Дизайн-система сайта

Цвета, шрифты, размеры, скругления и тени взяты из стилей ced.expert: имена токенов – как в коде.

Цвета

  • Фон--white700#F4F8FBRGB 244 248 251
  • Текст--black500#0F172ARGB 15 23 42
  • Акцент--blue500#2464D0RGB 36 100 208
  • Вторичный--green500#0DA24ARGB 13 162 74

Синий --blue*

  1. blue300#79A5EF
  2. blue400#4F85E0
  3. blue500#2464D0
  4. blue600#1E54B0

Зелёный и красный

  1. green500#0DA24A
  2. green600#0B8A3F
  3. red500#E1271C

Нейтральные

  1. white500#FFFFFF
  2. white600#FDFDFB
  3. white400#F4F4F4
  4. white700#F4F8FB
  5. gray500#E8EDF4
  6. gray600#BCC3CC
  7. black200#64748B
  8. black300#475569
  9. black500#0F172A

Шрифты

Заголовки и текст

Inter

Начертания Regular, Medium, SemiBold и Bold

  • Regular 400
  • Medium 500
  • SemiBold 600
  • Bold 700

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюяABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 «»!?&@%

  1. .banner__title56 / 1.375 · 600

    ДЕЗИНФЕКЦИЯ

  2. .heading__title42 / 1.25 · 600

    ДЕЗИНФЕКЦИЯ

  3. .text-container h221 / 1.25 · 600

    Съешь же ещё этих мягких французских булок

  4. .text-container h317 / 1.25 · 600

    Съешь же ещё этих мягких французских булок

  5. .text-container p16 / 1.5 · 400

    Съешь же ещё этих мягких французских булок

Скругления и тени

  • border-radius16px
  • border-radius24px
  • border-radius32px
  • $box_shadow_default0 2px 4px 0 rgba(0, 0, 0, 0.08)
  • box-shadow0 5px 10px 0 rgba(0, 0, 0, 0.05)
Похожий проект

Получите оценку похожего проекта за 2 рабочих дня

Сайт-визитка – 50 000 ₽ за 7 рабочих дней. Сайт компании – от 100 000 ₽ за 2–4 рабочие недели, три месяца сопровождения включены.

Получить прототип и смету
Ещё кейсы

Другие проекты

Все кейсы