Mimesis Website Sitemap

Mimesis Website Brief

Partner: Samantha Baccala

The Core Creative Concept: Simple and clean design that showcases the students work and makes it accessible to the online community. It will have navigation that will lead to each topic that the students are responsible for. There will also be a side navigation that breaks down the topics further. The students will be able to edit their own work as well as upload images and videos to support it.  

The Overall Look & Feel: The website will have a classical and older feel. The design will highlight the students’ work and relate to the content of the class. The color scheme will be filled with light colors such as tans greens and grays. 

Purpose & Objectives:  The purpose of this website is to give the students a place to collaboratively place and display their work.

Information Architecture: We will be using a template through drupal that gives us the opportunity to drastically edit it and to allow for the Professor and students to easily access and change their work. The website will include the typical header and footer. There will be two forms of navigation, primary and secondary. The right hand side bar will contain media placed by the students that relate to their work.

Audience: The primary audience for this site is Professor Noell and his students. In the future the goal is to have it become a source of information for the public and possibly be supported by the Quinnipiac University Library.

Design Visuals & Hierarchy: The typography used for the site will be Times because it has the old and scholarly feel while also being readable. We will use a decorative serif for the header. Under the header will be a horizontal navigation bar that will have the most important links. There will be a second navigation in a left hand side bar that will break the main navigation’s topics down further. These navigations will use the same typefaces in order to make the viewer categorize them together.

Schedule for implementation:

October 26th - Design brief Sitemap & mockup presentations

November 2nd – Final Designs

December 7th - Completed Website

Color Scheme

Website Inspiration for Color Scheme

Website Inspiration for Layout

Drupal template used for implementation of site

Krug- Chapter 3

In Chapter 3, Krug explains how to design a website for scanning, as opposed to reading.  One of the most important and widely used tool for easy scanning is visual hierarchy.  Visual hierarchy tells the viewer what is most important and what information goes together without the viewer actually having to think about it.  Generally, the more important something is on a page, the more prominent it is.  Another tool to make scanning possible is by making buttons and clickable things obvious.  There's nothing worse than having to click around a website until you find a link.  The viewer should immediately, without thinking, be able to recognize all clickable items on a page and where they lead to.

Simple Web Pages

http://mywebspace.quinnipiac.edu/magaines/index1.html

http://mywebspace.quinnipiac.edu/magaines/index2.html

Classic Care Site Map & Mockups

Krug- Chapter 2

In Chapter 2 of "Don't Make Me Think", Krug explains that the way we think users view websites is very different from how they actually do.  For example, users scan the majority of websites, meaning they look for key words or phrases that catch their eye.  Rarely do users take the time to read the entire text on a page, especially if it is lengthy.  Users searching the web are usually in somewhat of a hurry and don't need to know all of the information given on a page.  Instead, they scan things in order to find the information they need or are most interested in the quickest.

Satisficing is another tool that users use while using the web.  When a user arrives at a site and is looking for something, instead of taking to time to review all of their options to find it, they simply take the first one that is presented at them.  Although this isn't necessarily the best option to get to where we need to go, we take the first reasonable option we find.  Mostly, this is because we're in a hurry, and if we've chosen the wrong option, all we have to do is press the back button to try again.

Classic Care Website Wireframes

Classic Care Client Brief

For the Classic Care website we would like to create a page that is clean and professional, while still using compelling visuals to draw her clients in. Our goal is to have her business stand out from all of the other occupational therapy services in the area, by clearly showing the quality of her services and devotion to her patients. To accomplish this overall feel of simplicity, we are going to use white, while incorporating the navy blue that Tracy is already using on her business cards. We also would like to use a light tan and possibly lighter shades of the navy. We would like to incorporate a serif into the website to keep the parallel between her business cards. The header, navigation bar, and all main titles will be a serif, while the bodies of text will be sans-serif in order to create contrast and ensure readability. For the serif font, we would like to use Baskerville Old Face and for the sans-serif font we will use Helvetica. All of these elements will work together nicely to convey a professional, yet welcoming feel.

For our information architecture, we will have the navigation bar be horizontal across the top, and our main pages will be Home, About Us, Aging in Place, Home Modification, Child Safety, OT in the Community, and Events. Overall, each page will only be one layer deep with possible links to external sites. The target audience for this website will be her returning clients as well as anyone who is inquiring about occupational therapy services. Within the next two weeks we will have all stationary mockups completed and ready to be converted into a working website. The reference website we found most helpful is http://ednacional.com/. This website has a very similar color scheme and simplistic design, and it also incorporates the slideshow we would like on the home page.