ANM 324 Project 5
Mocking up a webpage requires a broad range of illustration and design skills.  This artwork is used to present your design to the client as well as being a model for your own coding of the site or as a guide for web developers.

Here’s my general grading criteria for this project:

95-100- Webpage is complete and artwork is challenging.  It has excellent visual hierarchy and demonstrates clear command of the Illustrator toolset.  Your page is a work of art!

90-95-Webpage is very well done but there are some minor flaws in concept or execution. Type styling may not resonate with the content or theme of the product or you may have created a less than spectacular composition of image and text. Site may not communicate as clearly as it could at first glance.

85-89-Webpage is good but may not completely communicate the essence of the site in either type resonance or design elements. Navigation is not clear.

80-85-Website has obvious technical and design issues that will prevent it from having good visual strength.  Type doesn’t fit or image is too complex to be clearly understood by viewers.

70-80-Webiste is not effective is communicating the essence of the subject and major requirements are missing.  There are significant technical flaws.

70-below very late work

Note: Late work will be downgraded by 10 pts

Late -10

Missing sketch or design rational -5 each

Frazier Group

Joseph Leclaire- I thought your idea for a Tarot card website was very creative. My first impression is that the color palette, border and
type style all resonate the mysticism and magic related to tarot cards and readings. The deep purple just fits perfectly. Your photo treatment of the three cards makes them difficult to discern and they are quite pixilated compared to the other elements. I like the fact that you included the social network links, which would undoubtedly be important to users of the site. You did not include your original sketch with the final art as required.

Julya Matsakayan
- The metaphor for a book is a great way to present yourself as a book illustrator and I’m wondering if the address is actually one you are using to potentially promote your business….this would be fun! The page looks complete although, to me, the navigation is too large and tends to establish visual hierarchy over the sketch. I would recommend having the artwork be the strength of the page. Perhaps if you reduced the scale of the navigation and added a tag line or short paragraph about yourself below the navigation, it would be more complete and have a personal touch.

Christina Tovani
- Wow-your page is so rich and sophisticated.! The tone established with the color palette of black and brown clearly “fits” the photos of food and dessert in the banner. The 3D lettering in gold is the “icing on the cake”. The image of the guitarist has some white pixels that should be removed. From a compositional point of view, I think it would be slightly stronger if the 24K dropped down across the border between black and brown. This would establish a visual connection between the top and bottom of the page. You did not include your original sketch or site with the final art as required.

Alaura Glenn
- Those two glasses are the highlight of the page. I really like their simplicity and sophistication. My first impression is that the site is about a club or bar but the fact that it’s the ABC Bartending School works just fine! The redesign is definitely a change from the original site, which is confusing and lacks visual hierarchy. There are some issues with readability of the main title where the A and ls overlap the background gradient and are not readable at first glance. I would suggest expanding the white container to fit type. The navigation titles are outside of the rectangular button shapes…they could certainly function OK but it’s a bit distracting.

Lucha Olguin-Your page looks great…it’s very sophisticated and the contrast between the large black and white background image and the yellow highlight is very effective in leading the viewer’s eye to the initials of your business and to the navigation. The Welcome To My Portfolio needs more contrast. I would suggest just using a greyscale fill for the type…one way to do this is to sample a grey in the background sky or trees. Nice work!

Veronica Ruelas-Deltoro-
Your Shakespeare site has a very engaging style. I especially like your use of the textured background which resonates the period. This, along with the script font, all works well together to establish a tone. Navigation is very clear and flows nicely along the gesture of his hand. Oh---nice job illustrating the man himself! Those skulls are interesting too..they represent death and mortality. I assume you may be referring to the author’s Hamlet in which skulls were and important visual. You did not include your original sketch with the final art as required.

Rosenwald Group

Malcome Blackhall-The color palette, typography and images all work well to set the tone for your Dealan-De jewelry site. Navigation on the left is in an optimum position to ensure it’s visible on all devices and monitor sizes. My only observation is that the visual hierarchy could be stronger. If you “squint” at the page you’ll see that the left and right sides have about the same visual weight. This results in visual ambiguity. It’s more effective to lead the viewer through the page with stronger banner name or imagery. You might slightly modify the arrangement to make a larger banner with Dealan-De at top. It could slightly overlap the butterfly. Adjusting the scale of the various elements will significantly enhance hierarchy.

Sitarah McDonald-You definitely addressed some problems with the original site. I especially like the more engaging look which is playful and resonates a warm nuturing look. The navigation at left, with irregular blocks, further communicates a relaxed welcoming style. Visual hierarchy is better with the product at the center. I think the top banner might be better placed where Featured Products is now. The border around the image and text in the center tends to overcomplicate.

John Pastor-The revision of the Museum of Modern Art is dramatic and engaging. The simple gradient in the background provides a strong stage for the photo of the museum entrance. The overall site is minimalistic and very effective with clear navigation. I’d enjoy exploring!

Ruchi Shah-
What fun! You’ve done a great job of designing your original and personal fashion design site! The site is simple with lots of whitespace…this establishes a clear hierarchy on the fashion itself. I also appreciate the fact that you went beyond the basic assignment and provided us with a more complete view of multiple pages. Excellent work!

Kroencke Group

Roxana Jonczyk- You’ve captured the essence of the FlyLady site in a much more simple and easily navigated format. I especially like your navigation “drawers” which would be animated buttons. That’s very effective and provides great user interaction and feedback. Your “flylights” on the right are fun and fit well in the overall composition. Very creative!

Anita Kunz Group

Tanea Devriend-I really like the container at top with the title, necklace and artistic artwork. This all works together very well and clearly identifies the site. The image below further clarifies the product line being sold. The patterned background also works well but I think using behind the shopping buttons and sponsor images tends to complicate the page. I would recommend expanding the yellow/white strip pattern horizontally to back-up those buttons. This would simplify the page while still maintaining visual hierarchy.

Melissa Whaley- Your redesign of the UC Davis Dept of Environmental Science Policy is definitely a major improvement. I especially like the scale and relationship of the central image, navigation bar at top, as well as the categorized links below and to the right. The site is very clean looking due to white space and easy to visually understand at a glance. I’m curious if the department will consider you design for the update. Good luck! (late sketch)

Jorge Oceguera-Nitro-RCX looks like a fun site for RC car enthusiasts. I really appreciate the improved flow of information, strong visually hierarchy and the energetic type you chosen for the title. All these elements work well together. I do have a couple suggestions; the navigation boxes are not spaced evenly..no reason not to make them accurately aligned. I would also suggest you not use stroked type for body copy. Generally speaking type at 14pts or less will not read very well with the outline stroke. I might also add a third image of a model..threes are always compositionally more effective in my book.

Christina Richardson-Shoe Bling is definitely a “go-to” site for those shoe fashionistas. The resonates fun with the script banner title and bright colored slide show. However, there is a lot going on to distract and the visual hierarchy is somewhat compromised by all the images. Seems to me that the single images of shoes could be smaller or perhaps even represent categories of shoes and serve as alternative navigation. I get it that you’ve added the cartoon art for seasonality but it doesn’t add to the composition and to me, doesn’t fit the shoe theme. Maybe just having a Santa peaking out of a shoe would be understated enough to not take away from the site theme.