How We Made This Site
IM Interactive Media: A Redesign Case Study
What began as a team assignment in IMG-130 Project Management, a required course in NIC's Interactive Media Programs, has ended in the production and launch of this IM Design + Development website. What you see here is the culmination of countless - nay, hundreds of - volunteer hours given by Brittany King, Ian McKenzie and Matt Boucher, over the course of three summer months.
The original scope of the IMG 130 assignment was to redesign the Interactive Media’s existing online gallery; this pre-existing website was intended to showcase the diverse skills that students were developing in the Interactive Media programs. Five teams, each comprised of three students, completed their own version of the website redesign. The work produced by the five teams was so impressive; it only made sense to adopt one of these redesigns as an updated presentation for the Interactive Media program. After much discussion, the redesign of what was known at the time as “Team 9” was selected.
View the Interactive Media Style Guide.
Who Did What
- Branding: typography, style guide
- HTML & CSS coding
- Copy editing & quality assurance
- Modal design: student / alumni and faculty profiles, ‘what we do’ & information pages
- Content strategy & content collection
- Animations across website & modals
- SVG Animations
- Branding: logo design, colour palette, layout
- Asset creation: illustrations, icons, photo-based images
- Main page wireframe & mock up design
- Masonry panel layout & hover effects
the creators of the im design + development website
design, code, content