For the wireframe wizard badge I chose to make a site for a band I play with on and off depending on my amount of free time. For those that do not know I play the bagpipes. I have been playing since I was 9. It was something my school did. I have competed with my schools band internationally and we have won the World Championships five times. Two of those times while I was there (2004 and 2006). After you graduate high school you can join the Alumni band if you want. I played with them for a few years but do not do so right now. Currently the band is rebranding itself, they have come up with a new logo and have gotten new uniforms. As of yet they do not have a site, so I used this as an opportunity to come up with a wireframe for a potential site for them. The purpose of this site is to create a web presence outside of Facebook for the band. It is there to inform people about the band, let them listen to samples of the band playing, let them buy merchandise and also to book the band. I designed wireframes for the Home page, Audio/Video sample page, and the About page.
I will start with the universal elements across all of the pages. At the top is the banner image. The banner image contains the logo of the band along with an accompanying image. For example the logo of the band on top of a gradient image with the appropriate tartan (read: plaid colors) fading to black or an appropriate color that works with the tartan. After the banner image/logo, you have the navigation bar. It is nothing complicated, just a simple HTML navigation bar for each of the pages. It is at the top so the user can know where they are and what other options are available to them. After that the title of each page is displayed. On the left hand side of the page are the logos for Facebook and Twitter. Those each link to the respective social media page for the band. There is also a button to access the calendar for the band and to share the current page. At the bottom is any copyright info that the band wants to have.
For the Home page I have a simple setup. It is an image along with basic text that simply welcomes the user to the band page and gives a brief introduction. Below that there is a simple slideshow of images. On the About page, I have another simple setup. There is one image and the rest of the page is devoted to the history of the band as well as a listing of all accomplishments and awards the band has won. This is to add some credibility to the band instead of just having a brief explanation on the Home page. This allows the user to learn all about the band and its accomplishments. Lastly I have a page for audio and video sample. Presumably, if someone is curious about the band and the band claims to be good, the user is going to want to hear some samples of the band in action. They might also want to watch a video clip of a performance or competition.
Overall the website is simple and easy to use. It is not overly cluttered with apps and plugins. I toyed with the idea of having the music play automatically but then I remembered how annoyed I get with websites that do that. Also some visitors may not enjoy bagpipe music but may be curious about the band so it would wise not to cause them to leave by forcing bagpipe music on them.