Design Case Study: Critical Making Studio Website


The year I was hired to work there, I had begun diving into web design and development classes both in school and online. In addition to assisting students and faculty with the various technologies in the studio, I knew I wanted to make an impact on its longer-term growth, and I thought a new website would be a great place to start.

Sketching + Information Architecture

whiteboarding mockup/user flow for Meal Plan E (a Critical Making Studio project)

My first major design decision for the landing page was to have a hero video showcasing the beauty of the campus and the creative spirit of the students and faculty. There was recent drone footage of the college that I got permission to use, and I came up with the tagline “Where Liberal Arts meets Innovation” to feature on top of the video. I wanted students and faculty to be immediately intrigued as soon as they got onto the website, and I thought that a video + slogan would be a good way to grab the attention of future Critical Making Studio patrons.

My next decision for the landing page was to feature some projects that students had already worked on in the studio so that others in the campus community could get inspired for their own projects, as well as get excited to spend time in the new maker space.

projects slider

In terms of organizing the rest of the home page, I decided to have an “about” blurb, a calendar of events, and contact/social media info in the bottom toolbar. Since I was pretty new to web design at this point, I made the micro-interactions and layout based on intuition and feedback from peers.

The UX Impact

Voraciously curious. Product Design. Code. Music. Urban Design. Architecture. Outdoor Adventures. Equity & Inclusion. These are a few of my favorite things :)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store