New Website Design

February 7, 2012

For those who are familiar, you may notice that I have redesigned my website. My goal was to blend my blog and portfolio together onto the same site, while also leaving room for further expansion later on down the road. By the same token, I didn’t want it to look like just another blog site with a stream of blog posts on the front page. I’m an artist, first and foremost, so an image feed seemed like the most practical thing to include.

I set out to design a site using some skills I developed while working as an intern at Trinet Internet Solutions. I like to start with sketches, so the first thing I did was start drawing, even before I had a full idea of all the features I wanted my site to include. My first idea, is one that I actually really like, but don’t think would work for everything.

redesign 1

While, this idea got the cartoonish style that I enjoy, it didn’t seem easy to navigate for the web (maybe with a controller). So I set about refining the design and throwing out just about any idea that came to mind from icons to wireframes. These examples show to what extend I mixed and matched until I reached the final product.

Wireframe SketchesIcon SketchesProfile Page Sketch

Redesign 3

After some thumbnails, I started to hone in on a specific idea and direction. I definitely wanted a clean, modern site, but also something with a bit of that cartoonish, sketchy look from the first picture.

Redesign 4

After choosing the design I liked, I started to draw a larger quick version of just the header to see what I thought. After still enjoying the idea of my name in cool sketchy lettering, I made a pass through Photoshop.

Photoshop Redesign

Looks kind of lame now, but it got me really excited about the redesign in general. Once I had a basic working site, I continued testing and testing it until I was happy with the navigation and the content areas. I decided to have a nice big and obvious welcome, as well as a larger space for the animation reel than originally planned for. I dropped the tape and the slant in the slider, mostly because it just didn’t look good in motion. The slant caused big problems in the way the picture slider rendered image animations. After some continued tweaking, the site evolved into what it is now.

I hope you like it as much as I do and please return as I plan to continue to evolve it and it’s features.

 

Posted by Will Pacheco

Published by

Categorised in: , ,

Tags: ,

3 Comments


  • Notice: Undefined offset: 180 in /home3/prongsy/public_html/wp-content/themes/dropout2-1/functions.php on line 389
    canape says:

    nice post. Looking forward for more posts like this.


  • Notice: Undefined offset: 180 in /home3/prongsy/public_html/wp-content/themes/dropout2-1/functions.php on line 389
    Alphonse Zayac says:

    Superb blog! Do you have any hints for aspiring writers? I’m hoping to start my own blog soon but I’m a little lost on everything. Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m completely overwhelmed .. Any recommendations? Kudos!


    • Notice: Undefined offset: 180 in /home3/prongsy/public_html/wp-content/themes/dropout2-1/functions.php on line 389
      admin says:

      For a writer, I would definitely use a free option. I’ve tested blogger, Xanga, and WordPress… all have their benefits and drawbacks, but if you want to get as much exposure as possible, why not use all three (or more) all with free tools? You can update all blogs at once without even opening a browser using Microsoft Live Writer. It’s a great tool that allows you to post a new blog post to all of your blogs using a familiar MS-centric design so you can network across multiple platforms rather than be limited to the users of a single blogging user pool.