Wire Frames

I enjoyed working on Wire Frames for the project. I feel that these will be extremely helpful when designing our websites in Muse. They are your basic sketches, leading you to your final product. As of now, these do not need to be elaborate. They are but guidelines, but they reflect the basic needs and wants I have for my website. Bellow are three different wire frames:

This wire frame follows Site map #2 (previous post, last image). After clicking on a button it takes you to a different page.

The following wire frame follows Site map #1 (previous post, second image). These pages can be scrolled and are not restricted to the screens dimensions (800x600, shown by the line breaks identifying the end of the screen hight). Similar to the first wire frame though, after you click on a button, you are taken to a new page that can also be scrolled.

The last Wire frame is different than the rest as it is one continuous page. When you click on a button, it automatically scrolls you down to the point you would like to be taken to. The navigation bar would have an anchor to it where no mater where you scrolled, it would be at the top of the screen, always. It too follows Site map #1 (previous post, second image)

Site map design

It is harder to create a site map than I had first figured.

After going through the steps in Indesign, thinking I had figured everything out, I came up with this (below). I felt it made sense, but when asking my sister to complete simple tasks by following the links, she told me the map did not make sense to her. She pointed out that it may seem easier if the "buttons" were all in one line, and if I added a few other links, or connections to the map.

After looking a little more into site maps, I realized that I did not need to have all the button options (I guess it would have been much smarter to complete my research before starting, lesson learned). But personally, having the buttons made sense to me, and for my own purposes, seemed logical to keep them. Therefore, for my second map, I created an option with just the page titles and purposes.

It seems as if these have pasted the test as my sister is able to follow them both without much explanation. I cannot imagine having to do this for a large website, but honestly, it has been fun and a great learning experience.

The Online Museum of...

If you could create an online museum. What would it be about? What collections would you have and how would you organize it? 

For our first project of the semester while studying graphic design at the University of Kansas, we are to develop a site that allows users to explore a specific topic, much like an online museum does. As students, we will be building our skills as web designers, simply dipping our toe in such work. 

For my online museum, I have chose to display playing cards, playing with the 4 suites as design elements and using the basic colors and white space to frame the rectangle pieces. 

Attached bellow is a Purpose Spreadsheet that explains my reasoning and goals of this project.