Wednesday, May 29, 2013

fruitti Home page

http://shaforr.aisites.com/courses/imd320/fruitti/
-->
 
-->

WEB SITE DESIGN

      
     The main theme of the home page and interior pages is the soft beige colors that gives infaces to the bright images that best represent Fruitti’s and it’s main demographic of consumers. It has a nice water color navigation that blends well with the bodies overall background texture while at the same time not overpowering the images that are so important to Fruitti’s company image. Another aspect of the beige background is that it especially goes well with the main image because of the wood picnic table that is supporting the Italian ice’s, its coloring makes the image far more eye catching and displays Fruitti’s main product very well.

Layout

     The importance of layout is that if done properly it can enhance the look of an object. Which is very important in a website because attractive webpages brings users to your website. In order to build a proper layout you must know the following, color scheme of the webpage, expectations of the visitors on your website, browsers information that are being used by the visitor on your website, and importantly the portions of a webpage on your website. The layout of your site will have a 1024*768 resolution, the portions will generally be directed to the top middle portion of the page and lead on down. The colors have a soft water color feel with and island type of theme. Overall I feel the color scheme synchronizes very well with the layout of the entire design.

Colors and Font Selection

     Font and color can impact your website in a very positive way or very poorly depending on how you use them together. The weight and size of your font can help to display the type of message you are sending off by showing the user where to pay attention .If the font is used for a heading which is ideally larger and dramatic and used  for welcoming or telling important quick information or small font for readability and reducing eye fatigue in your content. The best way to let a user know what your message is, is through font and colors. Colors are very important since you can feel emotion through color. Colors in general enhance your message.
     The main colors that are constant through the site are beige, aqau green, and wtaer colors in the main image.
·      Background Color:  Beige
·      Links:  White and Dark Brown
·      Visited Links: Black
·      Active Links: White





Color Thumbnail
Hex Color Code
Font Style
Font Type
Description
Description: Macintosh HD:Users:Guest:Desktop:2_03.jpg
Caa15f


Background
Description: Macintosh HD:Users:Guest:Desktop:2_06.jpg
21afb3


Navigation
Description: Macintosh HD:Users:Guest:Desktop:2_10.jpg
E4272d


Logo

Description: Macintosh HD:Users:Guest:Desktop:2_08.jpg


E7cba3


Subnav
Description: Macintosh HD:Users:Guest:Desktop:Untitled-2_12.jpg
846f52
Regular
Arial
Subnavigation
Description: Macintosh HD:Users:Guest:Desktop:Untitled-2_14.jpg
ffffff
Regular
Arial
Navigation


Tuesday, May 28, 2013

Adam Josovitz- 2. Web Site Design Introductory paragraph (Final Visual Composition and Concept Note/Style Guide) Assignment 5

 
                                                                   Adam Josovitz
                                                           Assignment 5-Document
                                                          Visual Design Composition
                                                          Web Site Design Document

            The building of FRUITTI’S, L.L.C. Concessions & Catering new website was inspired by their wide variety of delicious Italian Ices and Snow Kone flavors. Our goal when creating the website was to show the consumer how delicious Fruitti’s products taste without even having a sample. The web design structure of the home page is from the images that were provided to us beforehand. The sub page shows grid alignment and it is structured; furthermore, the sub page is a contact form that has a cool style and design. The entire design of the website consists of colors, fonts, a navigation bar, and a grid. With these four elements we were able to create a sophisticated, and yet still a clean layout. We made sure the final visual design comp has bright colors, lots of imagery and bold typography. Both of the designs have a color-palette, which consists of many different colors to catch the consumer’s attention. The layout of the navigation bar is in order and easy to read, making the website simple for any consumer to maneuver around. Fruitti’s website contains a well built interface that shows the quality of the product.

Visual Comp



CONCLUSION


This design we have for your company reinforces your brand  because we made your product the main focus of the website. We designed the site so viewers  will know your brand. Our design used all the elements that were requested by you for this design; like the color palette, the use of fonts, and other special requests made by your company.The strengths of the design are the use of images to reinforce your brand, a simple color palette, and the placement of elements. Our team designed a bold, clean, and crisp layout which will allow your brand to be noticed and understood by viewers.  Our team at Design Hub designed your website for you and your company.

Sunday, May 26, 2013

Fruitti's Site Update

Hi all,

I've been building the html and css template for the sub page/contact page in Dreamweaver. You can view the page here:



Please let me know what you think. Is there is anything that needs to be fixed, added, removed or re-arranged?

Shannon is currently building the Home page template and Adam is on hand to help with any coding. 

Please try and finish your section of the Visual Design document by this Wednesday's class. 


Thanks,
Kelly


Wednesday, May 22, 2013

Revised Design Comps


Hi team,
Please take a look at the revised comps below and let me know what you think. Is there anything I should fix or change? 

Home Page


Contact Page
Thanks,
Kelly