Saturday, February 13, 2010
Tuesday, February 9, 2010
Style Guide
Charie Seals
IMD20 Production Team
Style Guide:
My approach to my design was to make the content on the home page stick out a little more than the pictures that are on it. Since the goal is to be the main site with other dance sites in the branches, it’s only appropriate to go with that concept.
The page layout will be partially consisted of three layers with three top sections and two bottom sections, navigations bar flowing horizontally across the page, with the help of the 960 Grid. The top portion on page on content section holds the main content and bottom portion will hold features of the site. Navigations will flow horizontally to have space from left side to right side of page for content. Some of the photos will be scaled down to fit certain parts of the layout. There will be a section that holds an inspirational phrase on both pages. There won’t be too many graphics in this design.
The logo design will stay the same, my color scheme (which is monochromatic), will come from the logo. Colors will consist of different hues of blue and gray. Pictures are taken from the client’s idea client’s own or data bases. The Type will be in times with font size of 12 for content and 14 for all sub-headers. The navigation font size will be 20 with font of time.
All users will be able to read about upcoming performances, other dance organizations, and even dance lessons. Usability will be fairly simple. Users will be able to view and scroll through images. Users also will have the ability to view past and upcoming events on the calendar. A blogs section will be on home page so that members and visitors can view comment about site and other info the deals with the site.
IMD20 Production Team
Style Guide:
My approach to my design was to make the content on the home page stick out a little more than the pictures that are on it. Since the goal is to be the main site with other dance sites in the branches, it’s only appropriate to go with that concept.
The page layout will be partially consisted of three layers with three top sections and two bottom sections, navigations bar flowing horizontally across the page, with the help of the 960 Grid. The top portion on page on content section holds the main content and bottom portion will hold features of the site. Navigations will flow horizontally to have space from left side to right side of page for content. Some of the photos will be scaled down to fit certain parts of the layout. There will be a section that holds an inspirational phrase on both pages. There won’t be too many graphics in this design.
The logo design will stay the same, my color scheme (which is monochromatic), will come from the logo. Colors will consist of different hues of blue and gray. Pictures are taken from the client’s idea client’s own or data bases. The Type will be in times with font size of 12 for content and 14 for all sub-headers. The navigation font size will be 20 with font of time.
All users will be able to read about upcoming performances, other dance organizations, and even dance lessons. Usability will be fairly simple. Users will be able to view and scroll through images. Users also will have the ability to view past and upcoming events on the calendar. A blogs section will be on home page so that members and visitors can view comment about site and other info the deals with the site.
Visual Comp 1: M. Anthony - MAAC Interactive
Style Concept:
In this comp design I wanted to bounce the entire design off the logo, which I used as the main header. I kept the colors consistent to enhance the brand of Dance ATL.
As far as the navigation, I made a few designer solutions according to the competitive analysis as well as professional approaches, i.e. the amount of tabs.
The calendar is on the HOME page and according to dates, can be linked to specific events. Also in PERFORMANCES (as a drop down menu) there would be a full-scale calendar along with a list of events for visitors (this is totally separate from Dance ATL’s events as suggested by Claire that appears on the bottom of the page).
For visual attraction and functionality, I added an interactive gallery w/ a slide bar. This does not feature the entire gallery – but gives a taste of new uploads (pictures) of performances and an incentive to visit the gallery for those who love imagery.
To focus on Dance ATL as an umbrella company I added highlights of featuring companies, and labeled them as “Associates” in stead of just simple companies. The idea is to make those interested feel like they are apart of a growing entity. Where the default images are – the company’s logo or image will appear along side a brief synopsis of the company that will link to the company; One of the benefits of being an associate, as well as a feature.
I added what is called a “call to action” to make visitors aware that there is membership availability. It’s not set in stone but I also added some possible reason why a company may want to seek membership. Instead of the normal “sign up now or register now”, I’m suggesting that the visitor may want more info first, at which there would be a “call to action” to register.
The COMMUNITY tab will house Dance ATL Event, Associating Companies - Members.
The footer still has the possibility for sponsors – when needed or if need be.
Ana M Velez COMPS
and for a secondary page: http://amv661.aisites.com/imd320/images/comp1b.jpg
Concept note: the color palette is based on the colors of the logo, in order to give more relevance to the brand as the central column of the site. Main titles and active page title are in blue, secondary titles in gray, links in light blue and text in black.
There are three elements that take the user immediately into the dance environment: the logo, the big image and the inspirational phrase for those more poetic ones. I didn't find exactly the kind of font that I wanted for the phrase, but I will keep looking, I think it has to be handwriting type, but more loosen than the one that I used.
The column on the left contains the vertical elements that will be constant in all pages, such as the calendar, search and log-in.
Information Architecture: Competitive Analysis - Atlanta Plan It
click link (above) to view documents
Information Architecture: Competitive Analysis - Atlanta Performs
click link (above) to view documents
Subscribe to:
Posts (Atom)
