Fmclynch's Blog
Just another WordPress.com weblog
Site Map for chefmiguelgarcia.com
I researched a few chef websites and the food network to see what type of information they provide on their sites. I was able to create a site map for chefmiguelgarcia.com. Here is what I came up with:
CSS Styles
I was really struggling with the assignments for week 6. I am glad that Jamie did a demonstration in class. It really helped me to understand CSS and how to create the different styles for a website. I am practicing with what I learned on a website I am revising for a client. I hope to have it posted by next class. The website is: www.steppinb.com. The redesign is easier to navigate. He was having some problems with the website stating it was downloading malicious information. It had some type of virus. I have never had this problem. He wanted to just start from scratch. His previous website had a flash intro and banner and navigation buttons, but I am not sure if that was the source of the problem.
I am working on doing cupcakemama over as well as the other parts of the assignments.
My Midterm Project
I have beeen researching what I would like to do for my midterm project. First I was thinking about doing a website on moonshine. I think that would have been a great product to market. Based on the research moonshine is not legal, so the site I would have created would have marketed it as a legal rum that the public can purchase without the hassel of going to the deep dark areas of the forest in the south.
Although my first selection was great, I decided to do a subject that I enjoy photographing: food. I work for UCLA Hosuing & Hospitality Services Marketing & Communications department. I have the pleasure of photographing the many culinary dishes prepared by our cooks. I will be creating a website on Chef Miguel Garcia. I have been researching a few cooking websites and chef websites to get an idea of the content. I have many photographs of his food. I need to do some photographs of him in action, obtain some recipes, and create a bio on him. I am waiting to see if Jamie thinks would make a good project. If not, I will have to continue my search.
moma.org
Here is my design of moma.org
Home
Sub Category
Sub-sub Category
2 Column Design
I enjoyed this exercise. I really did not know anything about 2 or 3 column design. The information was very helpful. Here is what I created.
Redesign of moma.org
I forgot to post my redesign. I took the feedback I received in class and created a slightly different look. I added some color and a few links that were missing. Let me know your thoughts.
Revisions of moma.org
During class we reviewed everyone’s redesign of moma.org. Each design was different and amazing. Everyone is very creative in their thinking and it showed in their design. The feedback I received from my classmates was great and I a working on making the revisions based on their suggestions. I am having a difficult time finding the images that I need, but the night is still young.
Monday May Design Wireframe
This was an interesting assignment. It really helps when you are organizing the information the client wants to see on each of the web pages. The concept I liked most is that it is not a design, but a collection of information presented on one page and the design comes once the information is confirmed. This step prevents omitting information that the client has provided and wants to see on its page. Also, it gives the designer an idea of how much information that he/she has to work with. I have not heard of this step and it will definitely make my life as a web designer. Here is what I have created:
Redesign moma.org – Day 3
I have completed the redesign of moma.org. I was able to put together something I feel is eye catching, easy to navigate, and condenses some of the links that were repeated a few times. I decided to have the menu in the mid section of the site with a drop down menu when you rollover the main link the sub menu will appear underneath. I like the final design and I hope that you do. Please share any of your comments.
Redesign moma.org – Day 2
Saturday February 27, 2010
Now it is time to take the information that I have gathered and organize how the home page is set up. The assignment is to redesign the home page. I jotted down the different links on the home page and saw that there was a great deal of information displayed on the home page. Many of the links were also indicated in the various images that displayed on the page. The images are displayed with a variety of flash content to rotate to the various categories of the museum. The content is displayed nicely, but some things can be eliminated to accommodate a person like George who may not care for the variety of flash and just wants to get to it. Simple and to the point. However, the flash allows for a variety of art to be displayed to draw the viewer to purchase membership and visit the museum.
What I thought would be nice was to limit the amount of flash in one area. Eliminating the many flash of images in different sections to just one section. Relocating the logo, address, and some other links crossed my mind. Also, changing the colors a bit. The site map would be the same as it is currently. No need to eliminate any main links, but can combine many of the sub links.
To The Drawing Board
The first thing I thought about changing on the website was the different flash movies. It was okay, but it could be distracting and confusing for those who are not too familiar with the internet. I wanted to put the flash at the top for each section to have just one location for the flash movie of images and sections of the museum. I thought the website could use a photo of the outside and/or inside of the museum. I found a nice image of the outside of the museum.
I wanted to place an odd image from a film that caught my eye to Tim Burton.
The film looks very interesting by looking at the images. The film is “Corpse Bride”. I think most people are drawn to animation, because its life like qualities catches the eye.
Now I have design block. Do I use text, images, or both? I am working it out. I looked back at the websites I liked and a few ideas came to mind. I like to use a combination of photos in the background of text. Sometimes that causes a problem because the text is sometimes hard to read. I solved the reading problem by adding an overlay of black over the image. It brought the text out very nicely. As I worked out the section to go underneath the moma banner at the top, I was able to place some of the links and the address to the museum into the top banner as well. I like what I see, but will you? Will the design satisfy the personas and the company? Time will only tell. Back to designing.
I wanted to keep the text of the various calendar of events that take place at the museum on a daily basis. I think this may meet one of the requirements of the company to increase membership. If people like the events at the museum it may prompt them to join and visit the museum more. I found a few more images of the interior and exterior of the museum that I wanted to use with the text. I found put together a nice color combination and readable text for the entire design. Hmm, it is coming together.
