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

CEI Study – сайт учебного центра

Сайт учебного центра группы «ЦЭИ»: курсы дополнительного профессионального образования для лицензируемых видов деятельности. Сделал его под ключ на собственной теме WordPress.

Главная страница сайта ceistudy.ru на экране MacBook
Главная страница. Сайт работает: ceistudy.ru

01Задача

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

02Что сделано

  • 31 страница публичной части, шапка и подвал
  • Калькулятор в модальном окне
  • Окна заказа услуги и выбора города
  • Поддомены по городам: для них сайт переехал с study.cei.expert на ceistudy.ru в июне 2025 года
  • Живой поиск по сайту
  • Собственная тема WordPress на моём стартовом шаблоне

03Стек

WordPressPHP

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

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

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

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

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

Цвета

  • Фон$slate-50#F8FAFCRGB 248 250 252
  • Текст$slate-900#0F172ARGB 15 23 42
  • Акцент$brand-400#5B92E5RGB 91 146 229
  • Вторичный$brand-600#295498RGB 41 84 152
  • Градиент$gradient-brand-400-600#5B92E5 → #295498

Бренд $brand-*

  1. brand-50#F0F7FF
  2. brand-100#D9EBFF
  3. brand-200#B8D9F8
  4. brand-300#91BDF0
  5. brand-400#5B92E5
  6. brand-500#3D6FC3
  7. brand-600#295498
  8. brand-700#224878
  9. brand-800#1C3C63
  10. brand-900#192639

Slate $slate-*

  1. slate-50#F8FAFC
  2. slate-100#F1F5F9
  3. slate-200#E2E8F0
  4. slate-300#CBD5E1
  5. slate-400#94A3B8
  6. slate-500#64748B
  7. slate-600#475569
  8. slate-700#334155
  9. slate-800#1E293B
  10. slate-900#0F172A

Состояния

  1. success-500#22C55E
  2. warning-500#F59E0B
  3. error-500#EF4444
  4. lilac-500#ABA3FF

Шрифты

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

Roboto

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

  • Light 300
  • Regular 400
  • Medium 500
  • Bold 700

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

  1. display-3xl60 / 76

    Учебный центр

  2. display-2xl48 / 64

    Учебный центр

  3. display-xl44 / 56

    Учебный центр

  4. display-lg36 / 48

    Учебный центр

  5. display-md30 / 44

    Учебный центр

  6. display-sm24 / 40

    Учебный центр

  7. display-xs20 / 32

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

  8. text-lg18 / 28

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

  9. text-md16 / 24

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

  10. text-sm14 / 20

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

  11. text-xs12 / 18

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

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

  • $radius-xs0.125rem = 2 px
  • $radius-sm0.25rem = 4 px
  • $radius-md0.375rem = 6 px
  • $radius-lg0.5rem = 8 px
  • $radius-xl0.75rem = 12 px
  • $radius-2xl1rem = 16 px
  • $radius-3xl1.25rem = 20 px
  • $radius-4xl1.5rem = 24 px
  • $shadow-sm0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)
  • $shadow-md0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)
  • $shadow-lg0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05)
  • $shadow-2xl0px 2px 25px rgba(0, 0, 0, 0.15)
Похожий проект

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

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

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

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

Все кейсы