iFactory

Higher Education Web Design

January - September 2019

iFactory is a website design firm located in Boston, I worked as an interaction designer and worked on a variety of projects on the visual design team.

ifac2

 

 

Overview

iFactory is a web design firm in Boston with about thirty employees. I had the pleasure to work there for eight months. This design firm specializes in higher education website redesigns. The firm works very closely with clients on a daily basis and is a collaborative work environment with multiple teams. As part of the visual design team I got to work with different colleges, companies and non profits to redesign their websites and work through the design process with teammates and clients.

 

 

My Role

As an interactive designer i was constantly working on multiple different projects at a time, I played a different role on each project, depending on my assignments for the week. Mostly working on higher education websites I have learned a lot about the industry but, also learning how to work with schools with strict brand guidelines to schools with only school colors which left a lot of room for creativity. 

MCLA Website Redeign Process

Overview

MCLA, Massachusetts College of Liberal Arts is located in North Adams, Massachusetts. I worked on this project from the beginning stages starting with Art Direction. This school had new brand guidelines for us to follow. They wanted to keep on brand while transitioning the material to the web. 

 

 

Art Direction for MCLA

We present art direction in the form of mood boards each mood board capturing a unique vibe of to display the different directions we can take their website, we create mood boards by combining visual elements, color, fonts, images, and inspiring examples of web design. Something that inspires art direction is the Success Criteria which was created in earlier stage of each project. Below is the Art direction they choose to move forward with.

Screen Shot 2019-07-26 at 2.21.50 PM

 

 

Design Strategy for MCLA

Based on what the client liked and disliked from art direction we move on to design strategy. This is where we design a small piece of a wireframe that is designed specifically for this phase in the process. For this project we presented three different design strategies, one being mine. 

 

 

My Design Strategy

Through lines, paths and interaction this design shows the growth of students and highlights that anyone can do anything at MCLA. Movement, interaction, engagement, VERY on brand, kind of wish chartreuse was incorporated a little more, looks like you could be anyone can do anything, rather than being targeted toward one set of students.

Wireframe

Screen Shot 2019-08-03 at 2.57.55 PM

Color Pallet

colors

Photo Style

Screen Shot 2019-08-03 at 3.00.54 PM

UX/UI Elements

Screen Shot 2019-08-03 at 3.18.00 PM

Typography

Screen Shot 2019-08-03 at 3.00.36 PM

Design Strategy 

Screen Shot 2019-08-03 at 3.17.16 PM
Screen Shot 2019-08-03 at 3.17.29 PM
Screen Shot 2019-08-03 at 3.16.02 PM

 

 

Look and Feel for MCLA

The next step in the process is Look and Feel. This is where we design the full home page of the site, to get the look & feel of the site. Depending on the project we either design 2 or 3 home pages. For MCLA I designed one and another designer designed the other. Based off of my design strategy I designed out a full home page for MCLA. Below is a link to the full page design.

Outcome

What I learned

While working on this project I learned how to work within specific brand guidelines while also pushing the boundaries. My design was the more "out there" choice, which allowed me to push the brand to a new level. I also learned new prototyping tools and how to bring a still page to life with prototyping my design strategy!