project 5 site map

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
	Caa15f			Background
	21afb3			Navigation
	E4272d			Logo
	E7cba3			Subnav
	846f52	Regular	Arial	Subnavigation
	ffffff	Regular	Arial	Navigation

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.

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:

http://kawdesigns.aisites.com/courses/imd320/contact.html

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

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

NEW COMPS

Home and About Page Comps

Ozgur's Comps

http://cozgur.aisites.com/courses/imd320/home.html

Fruitti's Comp - Home Page

Fruitti's Comp

comps

Comps

Assignment 4-Visual Design Comps-Adam Josovitz

Assignment 3 is Complete!

Hi team,
I hope you are enjoying your weekend! Thank you so much for getting me your section on time! I submitted the assignment and you can download the pdf by following the link below. It won't display in the browser so you'll have to download it to view it.

http://kawdesigns.aisites.com/courses/imd320/InformationArchitecture.pdf


Please work on your design comps this week for the Home page and an interior page. Try to follow the site map and wireframes provided in Assignment 3 to help you design them.

See you Wednesday!

Kelly

Section 4

4      Scenarios & Use Cases

The Scenarios User are helpful to meet user expectation and it is a really easy guide to realize what the requirements are. Every user has various expectations and demands so Design HUB aims to reach to large group of people.  Users activities and their demands, hobbies play crucial role on our design criteria.

4.1      User Scenario 1 - Kaylee Carter  

Fruitti’s Web site may be helpful for her desire. She can search what she wants to have after her sport activities. With this website, she will be able to have order online and choose her fruits before the activities and she can have it after she’ done.

4.1.1       Use Case 1

-          Kaylee grabs her ipad

-          she look for the friutti’s web site

-          she decides what she wants after her activities’.

-          She chooses  one  her favorite and she decides

4.2      User Scenario 2 -  Jayla Mann 

This is good and easy process for the Jayla Mann and Fruitti’s since before the game, she may choose her item and pick it up. In this case, Fruitti’s web site provides many options for her thirsty and she  can choose what she desires.

4.2.1       Use Case 2

- Jayla connect to the website

- She checks the menu and decides what she wants.

- She can go to buy before the game, and can get rid of hot caused by the crowded.

4.3      User Scenario 3 -  Monica Nickson  

Fruitti’s web site tries to give special’s for its own customers and it is possible to choose and purchase your beverage and Fruits or desert at the same time.  Otherwise, she can taste the different deserts and meals in order to get an idea for his major. Fruitti’s has great impacts on various meals and deserts. She can order or pick up by searching on the website.

4.3.1       Use Case 3

-          She wants to try Fruitti’s meal and desert with cold drinks.

-          She can go to web site

-          She has many options

-          She picks up one of them and taste it.

-          It is also to carry so she can bring to the school.

-          She can end his thirsty and she can eat her meal.

Adam Josovitz- IMD320:Production Team-Information Architecture-Wireframes

1           Conclusion
The information in this document will be used to help design your website properly.  The requirements we provided will be used as the overall reason for the design since we design to meet the needs of the owner and end-users. The personas and scenarios will be used as a guide for us to better understand what the end-users may need to finish a certain task. The sitemap is an outline for all the pages for your site and the wireframes will provide us with the overall layout for your website. All the information we provided in this document is needed to properly design a functional website that meet the standards for your company and the end-users.
Thank you for choosing the team at Design Hub for all your web design solutions.