Maggie Cocco Music Website Design

Maggie Cocco is a musician, song writer and educator. She’s also my sister (if you see a picture of us you could definitely tell). Though Maggie had been in the Metro Detroit music scene for a few years, she didn’t have a personal website promoting her work and services.

To fill the need for an online portfolio, Maggie commissioned a developer named Amit Rathi and me to build her music education and composition website.

Based on the inspiration references and adjectives Maggie was asked to provide, I created the desktop and mobile wireframes. Then I used Amit’s and Maggie’s feedback to create desktop mockups.

Amit will start the development process in late summer/early fall.

Desktop Mockups

Maggie Cocco Music Home Page Design
Design mockup for Maggie’s home page.
Maggie Cocco Music Songs For Sale Page Design
Song commission and purchase page mockup.
Maggie Cocco Music Lessons Page
Page promoting voice coaching, piano lessons and voice lessons.
Maggie Cocco Music News Page
A place for whatever posts Maggie wants.
Maggie Cocco Music About
Where site visitors can learn more about Maggie.
Maggie Cocco Music Contact Form
Form display

Desktop Wireframes

01-MaggieCoccoMusicWireframes-Desktop-HomePage02-MaggieCoccoMusicWireframes-Desktop-SongsForSale03-MaggieCoccoMusicWireframes-Desktop-TeachingOption104-MaggieCoccoMusicWireframes-Desktop-TeachingOption205-MaggieCoccoMusicWireframes-Desktop-CompositionOption106-MaggieCoccoMusicWireframes-Desktop-CompositionOption207-MaggieCoccoMusicWireframes-Desktop-News08-MaggieCoccoMusicWireframes-Desktop-About

Mobile Wireframes

00-MaggieCoccoMusicWireframes-Mobile-Key01-MaggieCoccoMusicWireframes-Mobile-HomePage02-MaggieCoccoMusicWireframes-Mobile-SongForSale03-MaggieCoccoMusicWireframes-Mobile-Teaching04-MaggieCoccoMusicWireframes-Mobile-CompositionOption105-MaggieCoccoMusicWireframes-Mobile-CompositionOption206-MaggieCoccoMusicWireframes-Mobile-News07-MaggieCoccoMusicWireframes-Mobile-About08-MaggieCoccoMusicWireframes-Mobile-ContactForm

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s