MTMI • Institute for Media Studies

MTMI is the hungarian Institute for Media Studies
I finished the design of the site using Figma. I used brand colors, finished the startpage to make it more flexible with different content alignment options at in the top container. For the gover and focus states of boxes and other CTA elements I used a rather brutalist approach with vibrant colors.
After the design was approved by the client I made the frontend using pug/scss and vanilla js. I made the interactions/micro animations and the responsive views. The site also includes a sticky header in destop view. I also mad some javascript canvas plasma like effect for the errors page. To playing around with the effect I used codepen.
Figma, html, css, javascript

The startpage. The top container adjusts itself according to different types of content.

Sample article page of the MTMI site.

Pages of people working for the MTMI.

Search page.

Brutalist hover and focus states.

Error page with javascript plasma like canvas effect.

Back to the main page