Manufacturing
Robotics, CNC, mechanical engineering and metalwork — modern manufacturing and precision engineering.
4 programmes
- Mechatronics and robotics
- Mechanical engineering technology
- CNC operator and setter
- Master metalworker
2026 / Design · Engineering
KRMK
Site for applicants to Kazan Radiomechanical College: a video first screen, study directions, a profession quiz and an application form.
10
programmes
About the project
A college that calls itself a technopark
Kazan Radiomechanical College opened in 1967 as Technical School No. 51 for the Radiopribor production association. Today it calls itself a technopark of digital transformation, teaching manufacturing, radio electronics, IT and creative professions.
For applicants we built one long page that leads from a first impression to an application: a video first screen, four directions, ten programmes, a quiz for those who haven't chosen yet, reasons to apply and the admissions office's contacts. The page speaks to the applicant informally and keeps it short.
- directions, each with its own colour from the college's mark
- 4
- programmes in one list
- 10
- questions in the profession quiz
- 10
- libraries or build steps: plain HTML, CSS and JavaScript
- 0
Page order
- 01Video first screen
- 02About the college
- 03Directions
- 04Programmes
- 05Profession quiz
- 06Why KRMK
- 07People of the college
- 08Admission 2026
- 09Contacts and map
First screen
The first screen: a video about the college
The page opens on video: the college sign, a workshop with experts and competitors, a board being soldered, a stage. Over it sit the headline «Technopark of digital transformation», a subtitle on who the college trains and how to get in, and two buttons: choose a programme or learn more.
Frames from the background video
The college sign 
Workshop 
Soldering a board 
Stage
About the college
The building photo opens up to fill the screen
The second block holds the screen while you scroll: the building photo grows from a rounded card to the edges of the window, and the heading «Not just a college — a technopark» moves to the centre and turns white. Below is the same effect, rebuilt from the site's code.
Scroll slowly and the photo opens up
01 — About the college
Not just a college —
a technopark
We bring engineering, IT and the creative industries together under one roof.
Directions
Four fields under one roof
The ten programmes are grouped into four directions, and each has its own colour from the college's mark: manufacturing is green, radio electronics red, IT purple, the creative economy yellow. The tabs follow the scroll, and pressing a tab brings you to its card.
02 — Directions
Every KRMK programme belongs to one of four directions. Scroll to explore, or press a tab.
Radio electronics
Installing and repairing electronic devices, quality control and assembling radio-electronic equipment.
3 programmes
- Electronics installation and repair
- Quality management
- Radio-electronics assembler
Information technology
Computer systems, programming and digital infrastructure. Professions in demand today and tomorrow.
1 programme
- Computer systems and complexes
Creative economy
Design, event management and social and cultural activities. Creativity as a profession and a product.
2 programmes
- Design (by industry)
- Social and cultural activities
Programmes
Apply with the programme already chosen
The programmes sit in an accordion: only one row can be open at a time, and a coloured tag shows the direction. Inside is what the specialist does and where they can work, and the «Apply» button opens an application with that programme already selected.
03 — Programmes
10 study programmes
- Manufacturing
- About the profession
- Designing, programming and servicing robots, mechatronic systems and automated production.
- Where you can work
- Robotics engineer, mechatronics technician, industrial control systems specialist
Profession quiz
10 questions, one programme
Anyone who hasn't chosen yet takes the quiz. Each answer adds points to one or more programmes, and after the tenth question the one with the most points wins. Here are the site's questions in translation, with the same answer weights as in its code, and the coloured figures show how the score builds up.
Profession quiz
Not sure what to choose?
We'll help.
10 questions, and you'll find out which of KRMK's 10 programmes suits you best.
Programme scores
Question 1 of 10
What are you drawn to most?
The result carries into the application: «Apply now» opens the form above with that programme.
Admission 2026
Reasons, admission and the way to the college
Towards the end the page answers the questions a decision depends on: five reasons to apply, three admission screens that wipe upward as you scroll, and the admissions office's contacts with a map.
04 — Why KRMK
5 reasons to choose us
- 01
No state exams
Admission on the average grade of your school certificate. Simple and predictable.
- 02
State-funded places
Tuition paid by the state — real savings at the start.
- 03
Scholarships
Support for students — a scholarship every month.
- 04
Deferred military service
Military service is postponed while you study.
- 05
University, no state exam
A simplified route into university after college.
Admission screens — scroll the page
01 — Admission 2026
Start studying
in autumn 2026
The admissions office is open. Admission without unified state exams.
02 — Workshops
Learn on
modern equipment
CNC machines, soldering lines and a digital studio — just like real production.
03 — Community
Become part of
the technopark
Students, practising teachers and industry partners — a shared path into the profession.
The panel texts are translated from the site, the first one shortened; the photos behind them are replaced with colour here.
Admissions contacts on the site
- Address
- 1a Krasnogo Pozharnika St, Kazan
- Phone
- +7 (843) 297-00-62
- postupi-vkrmk@yandex.ru
Phone
The same story in your pocket
On a phone the navigation folds into a menu, the directions follow one another as cards, a programme row opens across the full width, the quiz opens as a card over the page, and the reasons line up in a column.
First screen
Menu
Directions
Programme
Quiz
Five reasons
Outcome
What the site includes
The site runs on GitHub Pages, with no build step and no third-party libraries.
- A one-page site for applicants in HTML, CSS and JavaScript
- A first screen with a video about the college
- A building photo that opens up as you scroll
- A board of four directions with tabs that follow the scroll
- A list of 10 programmes and an application form UI with the programme already selected
- A 10-question profession quiz
- Five reasons, admission screens and contacts with a map
- A mobile version with its own menu