Assignment: Interactive Strategy Portfolio Website (team project) Do  a project estimate Make 2 design solutions (homepage, desktop) Build wireframes for other sizes Build all 5 pages Test on all devices Create final invoice (be honest regardless if you go over or under estimate) Phase 1 of Web Design 1. structure information with user-centered considerations (Site Map–provided for by…

Photoshop Etiquette Chrome Web Store – Chrome Time Track Web Development Project Estimator Project 3 is a team effort to make a multiple page portfolio site for an interactive strategy company. I am learning a lot about how to coordinate efforts and delegate tasks. (I’ll post to this throughout this project.)

Katsite Project 2 Today, I gave a two minute presentation on this site. I talked about user generated content, social media, user validation by other users and the content strategy of expert editors with reviews and news. What I wished I talked about: Information hierarchy, uniform reading experience, mobile first, user testing, unique user-centered considerations,…

Today, Erik Fadiman walked us through some of the lastest frameworks for responsive web design. Exploring Frameworks– speed and efficiency: Less Framework 4. Desktop first. Gives a lot of padding to ensure visibility on all devices. Snaps to sizes. Uses pixel dimensions (not percentages–things break if you do). Reliable. Orient yourself with the styles’ media query…

Critique from the Fadiman (web teacher): “More white space, especially between elements vertically and in terms of line height. Elements in header are crowded and unharmonious. More padding in those boxes around your headlines. I think inclusion of a younger, edgier font. Advertising needs to be integrated, not marginalized to the right column. Content and…

I felt like I had lost control. Things weren’t floating the way I expected them. I think that fluid grid layout in Dreamweaver has a lot to live up to. I much prefer using classes to control boxes. The 1140px Grid System is flexible and if you understand code, very straight forward. It suffers from…

This is my design becoming real, slowly from mobile-first. That’s why everything is in a one-column layout. (More to add later.) Katsite Project 2 (Earlier Post Relating to This Project)

Assignment: “The type of site is a hybrid news/blog/magazine site, sometimes called a ‘Blogazine’. Each project needs to have a lot of news and content, as well as some form of advertising. Additional requirements:  Responsive Images, Responsive jQuery slideshow and/or Video, Embedded fonts from Fontsquirell.com, needs to be under 300k, needs to work on IE8, all modern browsers,…