Mid term review

  • How could you’ve been more successful in designing for your target audience and for the goals of the client?

My colour could of been a bit more unified ie the logo vs background and perhaps the header could stand out a bit more to differentiate hierarchy better. The font needed a bit of tweaking as well and the site should be responsive.

  • What’s your greatest design challenge? (for example, is it color? or typography, or something else? ) What is your biggest technical challenge?

I guess the biggest technical challenge for me is making the code do what i want quickly, second would be to spend more time on design comps and last would be dealing with issues with embedding font.

  • If you had an opportunity to continue working on this design, what changes would you make? Be specific and talk about why you’d make the changes. If the changes are possible to make without “starting over,” make the changes and post to the class server in a new folder named “revised_midterm.”

I would if i had more time add a  banner to the top to make it stand out better, The blue of the logo would be closer in colour to the blue in the background. The photos would be taken by me and be of much higher quality, and i would change my typography a bit to keep more with a general school than a art school vibe.

  • What did you learn about your own design work from critiquing other students’ midterm projects?

I learnt that the viewer usually likes things which work outside the box and yet visually and practically relevant. Sticking to standard design just isn’t good enough anymore in a world of countless sites. I should of spent a bit longer on my design comps but the sacrifice was for spending a lot of time on bootstrap (which i got pretty far but then it backfired on me). Some students work was really great and inspiring.

Posted in Uncategorized | Leave a comment

Wireframe and 2 Web Comps




Posted in Uncategorized | Leave a comment



Posted in Uncategorized | Leave a comment

Web Class 6

  • What are wireframes?

They are storyboards for the site. Also referred to as content layouts or page schematics, these are non-design orientated sketches of unique pages showing rough navigation, copy layout, graphic allocation, key headers, and any other elements that need to appear on a page. They show a hierarchy of information but do not dictate exactly how something should be represented.

  • When do you not need to define key user paths?

When your site does not require the user to actually do anything task orientated (for example. fill out a form, log in or purchase), you do not need to define user  paths. Defining key user paths is definitely part of the core process but only for sites that need them: sites with tasks, sites where one page mut relate to the next in sequence.


Posted in Uncategorized | Leave a comment

Web Class 5

  • What is a “site map?”

A sitemap shows the hierarchy of the site. It lets a writer, designer, or developer see the relationship among all the pages of the site at a glance

  • What are the two types of naming conventions that are addressed in the book?

Organizational/ numeric naming– applying a numeric or alphanumeric standard to pages and sections of a sitemap.

HTML naming– many preferences, some people abbbreviate and condense, some use upper and lowercase to help organize and define, and others ignore all standards and abbreviate some and write out others.


Posted in Uncategorized | Leave a comment

SItemap Example


Posted in Uncategorized | Leave a comment

personas and client survey

student persona


perspective student


faculty person


client survey


Posted in Uncategorized | Leave a comment