Congratulations to

Mikael Gramont

on completing

Design 101

Mikael's Work

March 2015

Product Landing Page

The course started with a skills assessment to establish a starting point. Mikael responded to a creative brief and designed a landing page for a fictional product called SuperGood.

Seeing Design

Unit 1 was an introduction to "Getting to Know Design", and the project was intended to train the student's ability to evaluate design and articulate positive and negative qualities. Mikael picked out 2 examples of good and bad design, and considered both positive and negative aspects of the product design.

Social Timeline

Unit 2 introduced students to Visual Hierarchy, an important topic in visual design. The first project was an exercise in using hierarchy to depict a social timeline.

Social Timeline

Unit 2 introduced students to Visual Hierarchy, an important topic in visual design. The first project was an exercise in using hierarchy to depict a social timeline.

Blog Article

Continuing in the Visual Hierarchy unit, Mikael also created a layout for a blog article.

News Listings

The final project in the Hierarchy unit was designing the page for a news listings site (a la Reddit or Digg).

Web Layout

Unit 3 dealt with Layout, and this project involved experimenting with different layouts for Mikael's fictional website. Using a provided set of elements, Mikael arranged them on the page, building on the visual design principles discussed earlier in the course.

Wireframe

Mikael learned about the use of grids while also being introduced to the practice of wireframing. The objective for this project was to iterate on the basic layout in the previous project to create a more detailed wireframe, an essential step in the design process.

Choosing Type

In Unit 4, Mikael got an introduction to Typography, and learned a little about serif vs. sans-serif, how to pair typefaces, and how to look for characteristics in choosing fonts.

Color Picker

Mikael's first color theory project: create a color palette based on an image they found.

Color Style Tile

Unit 5 was a look at Color Theory. Mikael created a "Style Tile" with a color scheme to apply to the wireframe in Unit 3.

Final Project

Unit 6 was a chance to put it all together and learn about the design process! The final project was a full color composite of the wireframe that Mikael created in Unit 3.