КРМК — лендинг и бренд-бук для Казанского радиомеханического колледжа

азанский радиомеханический колледж готовит специалистов для производства, радиоэлектроники, IT и креативной экономики. Учёба очная и бесплатная: все 10 программ на бюджете, поступление без ЕГЭ — по среднему баллу аттестата. К приёму 2026 нужен был лендинг, который:

1. **Меняет образ.** Показывает колледж технопарком: инжиниринг, IT и креативная экономика под одной крышей.

2. **Помогает выбрать.** 10 программ в 4 направлениях — с описанием, сроком и формой обучения и тем, кем можно работать после.

3. **Ведёт к заявке.** Заявление у каждой программы, тест на профессию и запись на консультацию в пару касаний, в том числе с телефона.

Абитуриент выбирает профессию, родители — надёжный колледж. Сайт отвечает на вопросы и тех и других: что за колледж, какую профессию выбрать, сколько учиться, нужен ли ЕГЭ, платно ли, будет ли стипендия и отсрочка от армии, как подать документы.

Казанский радиомеханический колледж готовит специалистов для производства, радиоэлектроники, IT и креативной экономики. Учёба очная и бесплатная: все 10 программ на бюджете, поступление без ЕГЭ — по среднему баллу аттестата. К приёму 2026 нужен был лендинг, который:

1. Меняет образ. Показывает колледж технопарком: инжиниринг, IT и креативная экономика под одной крышей.

2. Помогает выбрать. 10 программ в 4 направлениях — с описанием, сроком и формой обучения и тем, кем можно работать после.

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

Абитуриент выбирает профессию, родители — надёжный колледж. Сайт отвечает на вопросы и тех и других: что за колледж, какую профессию выбрать, сколько учиться, нужен ли ЕГЭ, платно ли, будет ли стипендия и отсрочка от армии, как подать документы.

Решение

Идея — «Не просто колледж — технопарк». Сайт начинается с видео о колледже и главного в трёх цифрах: бюджетные места, поступление без ЕГЭ, количество программ. Дальше — фото колледжа, которое раскрывается на весь экран, и четыре направления, каждое в своём цвете.

Структура — 9 блоков от видео до заявки: первый экран → о колледже → направления → 10 специальностей → тест на профессию → почему КРМК → люди колледжа → приём 2026 → контакты и карта. Кнопка заявки рядом всегда: «Поступить» в шапке, «Подать заявление» у каждой программы, «Оставить заявку» в результате теста и в блоке «Приём 2026».

Знак. Четыре фигуры разного роста на общей базе — как люди одной команды. У каждой фигуры — цвет одного из направлений. Те же четыре цвета есть в полосах на вывеске колледжа. Знак построен на сетке 60 × 60: ножки шириной 6 со скруглением 3, шаг 13. В шапке сайта — 34 px в стеклянном круге 52 px.

Цвет. Основа — монохром: чёрный #0A0A0A, светлый #FAFAFA и нейтральная серая шкала. Акценты — цвета направлений:

• зелёный #1EA33F — производство;

• красный #E53935 — радиоэлектроника;

• фиолетовый #5E35B1 — IT;

• жёлтый #F9A825 — креативная экономика.

Каждый цвет работает как свет: мягкое свечение 18–20 % на тёмных карточках направлений и 40–45 % на карточках «Почему КРМК». Светлые версии цветов — теги программ. Смешанные в градиент, все четыре цвета стали фоном теста на профессию.

Шрифты. Manrope — заголовки (Light 300, H1 96 px), цифры и карточки; слово-акцент в заголовке — Medium с наклоном. Inter — текст (16–18 px), кнопки (SemiBold 15 px) и подписи капсом.

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

Движение. Тексты первого экрана появляются по очереди. Фото колледжа раскрывается на весь экран при скролле, вкладки направлений следят за карточками, экраны «Приёма 2026» уезжают шторкой. Плюс аккордеон с видео о профессии, параллакс и «дышащее» свечение карточек. Если в системе включено «уменьшить движение», анимации выключаются.

Мобильная версия. Меню-бургер с кнопкой «Поступить», карусель «Люди колледжа» со свайпом, свечение карточек видно сразу (на телефоне нет наведения), окна теста и заявки — почти на весь экран.

Лендинг, который ведёт абитуриента от первого экрана до заявки:
- 10 программ с описанием, сроками и видео;
- тест на профессию, который подбирает программу и сразу подставляет её в заявку;
- заявка на консультацию с выбором специальности;
- цвет направления — подсказка на каждом экране;