Katsite Project 1  I am continuing to make deviations from my wireframes as I respond to critiques of this website. Above is the latest version. It is 192.0 K. I cut down the file size by using Google Fonts instead of the Adobe Edge Fonts which run their javascript that takes up over 100 K.…

Katsite Project 1 Today, after 4 hours at the computer, I finished the second iteration of this website and styled it for mobile. I once again, made a few deviations from my wire frame. As a response to last week’s critique, I’ve created a lot of white space. That includes putting boxes around the text in…

 In Web Design class, I find that I feel a little better adding the features favicon and 404 page. They take less than fifteen minutes each for some nice touches to your website. What is a favicon? It’s that little icon in the tabs in the browser. After Googling how to Favicon, I found this Favicon…

Katsite Project 1 Today’s critique <nutshell> Built fine, bad design. </nutshell> Erik Fadiman said that it was boxy, the typography needs work, and use the empty space in the second column. I’m throwing away that style sheet and building a new one. One using something modified by Fadiman, roughly based on the grid at 1140px. And I’m…

Katsite Project 1 Today I’ve finished the first iteration of this website. I made a few adjustments from my wire frame. I extended the footer to span the width of the page to anchor the design. I made the js slideshow a photographic decoration of the second column instead of the entire second column to skim…

Today’s critiques of html, wireframes and style tiles went fair enough. Minus points for me because I didn’t expand out my wireframes. I am so used to doing wireframes as device frames because everything leads out from links on the desktop wireframe. With mobile wireframes, it’s impossible and ill-advised to make everything “above the fold”…

I looked around on the internet and I thought, I’d like a responsive sketching templates like this one. But for this project the client only wants two iterations of the website, so I made this 2-up sketching template (for you to print out and use if you choose) desktop mobile responsive sketch sheet. I sketched three…

Katsite Project 1 Assignment description: “You will need to to do a website audit and analysis, determine what needs improvement, and come up with a comprehensive design solution for desktop computers and smart phones . Requirements: Needs to work in IE8 and above, all modern browsers, and iPhones and Android phones. File size needs to be…