Mike’s Tutoring Website Version 4

mikes tutoring website version 4
mikes tutoring website version 4

Mike’s Tutoring Website. When I added the pages, I changed the design once again. I realized that since each of the layouts for the pages are almost identical to the home page, I would need a slightly more obvious indication that the user sucessfully clicked through to the next page. This is where the blue frame also makes more sense because when I integrate it when the nav bar, it has a function.

I realize also that these  kinds of changes can be better avoided by sketching beforehand. But, hey, I’m still learning the order of things. Sometimes, people (like me) want to skip the sketch phase to feel like they are getting something done and up into testing.

Something that they teach you in design school: every feature should have some kind of function. I’ve seen more than a few students humiliated in front of the class during critique because the instructor asked the most feared question: why?

I felt a huge sense of accomplishment by added this “tab” styling. The part where the sprite (image) for the navigation bar goes away and html styled text is revealed. Times like that is when I feel like I am truly building something. With design in general, these software programs (InDesign, Illlustrator and Photoshop) offer layers, but in a way, I feel like it’s a crutch for designing things that align. In the case of web design, with the tools of CSS and html, I feel like there are layers that function. When you peel away the CSS, there’s something that still works. It’s kind of like an escalator that breaks down. You still have stairs.*

*Mitch Hedgeburg joke: “An escalator can never break: it can only become stairs. You should never see an Escalator Temporarily Out Of Order sign, just Escalator Temporarily Stairs. Sorry for the convenience. ”


(Earlier Post Relating to This Project)


One comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s