Mandy Schulpius

Graphic Designer

7

4

The Protomen

Class Project Assignment - Part 1

Choose a Topic

1. Define: The Protomen – Choosing to go with one of my favorite bands, while they do have a fantastic website it is not designed to be responsive. They are a unique band that have taken the basic story outlined in the original MegaMan games and expanded upon it, making a dark and dystopian rock opera that is broken into three acts. Act III is yet to come.

2 & 3. Organize & Simplify: Create a bulleted list outlining the content of your one page website. Then consolidate and group content where relevant.

  • Navigation

  • Intro

    • Logo/Branding

    • Short Back Story (Of music)

  • Media

    • Music (3-5 Samples Latest Album)

    • Videos (3-5)

    • Photos (10-15)

  • Merchandise

    • Albums

    • Posters

    • T-shirts

    • Other

  • Information

    • Blog

    • Tour Dates & Locations

    • Upcoming Release

    • Band Bio

  • Contact Footer

    • email

    • Mailing List

    • Facebook

    • Twitter

    • Booking

Class Project Assignment - Part 2 - Design Wireframes

Mobile Wireframe:

http://silverwordz.com/skillshare/rwd/mobile-portrait.jpg

Tablet Wireframe:

http://silverwordz.com/skillshare/rwd/tablet.jpg

Standard Wireframe:

http://silverwordz.com/skillshare/rwd/standard.jpg

Class Project Assignment - Part 3 - Design

Standard:

http://silverwordz.com/skillshare/rwd/standard-mockup.jpg

Standard Rollover State:

http://silverwordz.com/skillshare/rwd/standard-mockup-roll.jpg

Tablet:

http://silverwordz.com/skillshare/rwd/tablet-mockup.jpg

Tablet Bio Active:

http://silverwordz.com/skillshare/rwd/tablet-mockup_bio_active.jpg

Mobile:

http://silverwordz.com/skillshare/rwd/mobile-portrait-mockup.jpg

Comments

Please sign in or sign up to comment.