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

ГК «ЦЭИ» – сайт проектно-изыскательского института

Корпоративный сайт компании, которая делает инженерные изыскания и разделы проектной документации. Нарисовал дизайн в Figma, сверстал собственную тему WordPress и с 2024 года сопровождаю сайт.

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

01Задача

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

02Что сделано

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

03Стек

WordPressPHPTypeScriptSCSSFigma

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

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

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

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

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

Цвета

  • Фон--mint#F3F8F6RGB 243 248 246
  • Текст--black#1C231FRGB 28 35 31
  • Акцент--green#3CA775RGB 60 167 117
  • Вторичный--orange#FCC127RGB 252 193 39

Основные

  1. green-lighter#4DBA8E
  2. green#3CA775
  3. green-darker#34966C
  4. orange#FCC127
  5. orange-darker#E6A703
  6. red#D90429

Нейтральные

  1. mint#F3F8F6
  2. white-darker#D3D3D3
  3. gray#82828A
  4. black#1C231F

Шрифты

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

Open Sans

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

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

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

  1. .hero_main .hero__title48 / 1.25 · 700

    Изыскания

  2. .hero__title42 / 1.25 · 700

    Изыскания

  3. .title36 / 1.33 · 700

    Изыскания

  4. .subtitle__tagline16 / 1 · 600

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

  5. .text-container p16 / 1.75 · 400

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

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

  • border-radius5px
  • border-radius10px
  • border-radius15px
  • border-radius20px
  • border-radius30px
  • --box-shadow0 5px 10px 0 rgba(0, 0, 0, 0.1)
  • --box-shadow-hover0 7px 15px 0 rgba(0, 0, 0, 0.15)
Похожий проект

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

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

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

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

Все кейсы