Tag Archives: design

2010 Web Design

Posted on by
1

various web design projects of 2010

These are various web projects I’ve done over the last year that reached various levels of completion. There’s an all-code layout, some purely design pieces, but the ones that made it to code were pretty cool I thought.

First, obviously, is my personal blog layout. I don’t keep up with any blog well, but this one was an accomplishment to build. You can see it in action here.

The grungy typewriter musician layout made it to HTML code but was never adapted to any kind of CMS or WordPress or anything.

The parchment-looking portfolio minisite I was really excited about, and it made it to code and I’m pretty sure to some sort of WordPress thingy, but I guess I never finished it. Not sure why I never ended up using it… I remember having trouble formatting text around the image of myself at the bottom right, so maybe that was it. But I kind of also remember ending up with a usable, finished theme from it. Oh well. Oh no I did finish it, I just found it :P . I finished an HTML/CSS translation of it, but never took it into WordPress. Not sure why, but the coded version right now works fine.

I got really into cooking a while back, and still am, so I mocked up the food blog layout. It made it through to HTML/CSS.

I really like the blue portfolio idea. I never used it because just thinking about gave me trouble figuring out how to adapt it into a workable WordPress layout. It would be really cool, and I’d be super proud of it, but I’m cool with something simple like I’ve got at the moment. I tend to get wordy too, so having something that works large and small is probably better than this one.

News

Posted on by
Reply

color, composition, etc. (all elements discussed in class)

The news project was very interesting, because it gave me lots of freedom to explore and come up with something to fit the assignment also do it about something that was important to me. I tried in these images to use structured information to communicate points from the articles I’d read. The red, white and blue color scheme was a subconscious theme in this project.

I wanted the posters to be much more image-centered, although the far right required text to make its point. Working in a large format and seeing them printed was fun. Maybe just because of impact, I like these better than the previous images.

The doodles and sketches evolved by accident – I literally started doodling on a page I’d already drawn one of my pieces on and realized I’d better make it count, and the piece on the right was born. It became a huge part of my final project. The comic on the top left was a big technical accomplishment, taking over 3 straight hours to complete.

Old Web Design

Posted on by
Reply

personal web design, some coding

All of this stuff is varied. Some of it is purely design, just a Photoshop file, some has been coded into HTML and CSS, and there are two or three WordPress themes in there too. It’s all early in the stages of my web work though, first themes or first attempts at a few different techniques and things, like all-code designs or integrating more interactive elements. A few of them are even up and running, like the film blog and the AV homepage.