Monday, November 19, 2012

Mobile Media Design I

MMD is our first design course.  It is based on how to use Photoshop to create mood boards, wire frames, call to actions and a full design for desktop and mobile sites.

Project 1: MoodBoard

The first assignment was to create a moodboard to convey to our potential client what our colors, textures, patterns, adjectives, some possible photos, typography and site elements we thought would work well for the site.  Everything was designed in Photoshop.

MoodBoard





Project 2: Wireframes 

Our second week we were to complete a wireframe for the full site and a mobile site.  It included a legend to show all of the elements of the wireframes.  All completed in Photoshop.

Wireframe Desktop


Wireframe Mobile

Project 3: CTA

The next as assignment was to start adding some color to our layout and create a Call to Action for both full site and mobile sites.

CTA Desktop

CTA Mobile




Project 4: Full Design

Week four of the class and here is where the rubber meets the road.  We were to finish off the prototype with full color, call to action and all details of a full site and mobile site.



Full Design Desktop


Full Design Mobile