Fucks Wit It.

The Making of Regretstown.

Written by Matthew Smith. Filed under Art, Design, Features. Tagged . Bookmark the Permalink. Post a Comment. Leave a Trackback URL.

I’m really stoked that this new project is finished. I’ve been working on this for the past month or two. My cousin and I teamed up to create his new website, Regretstown. He wanted a blog to update with different catagories / characters / personalities. A little slice aptly named “Planet Bedrock” was created. With the idea that this is a little slice of his imagination. I figured I’d post this little behind the scenes look at what it took to bring the site to fruition.

the first draft had lots of errors and needed a second draft.


I illustrated the buildings with a finer detail. Looking to make it as clean as possible.

Here I took the basic illustrations we created and scanned them into photoshop and worked on a light source. After that I would build up the middle tones and shadows untill I got what I had imagined.

read more to see more to see the rest of how we built Regretstown or check it out for your self right here, Regretstown.com


^ Here I compiled all of the stages of creation.


I implemented the illustrations as sliced images through photoshop and exported them as XHTML. I then incorporated the background and title into the clickable menus. I used iframes to give the client full content control of their wordpress powered blog.

I used the iframe feature so I could build custom html pages with simplified URLs. Hoping to make it easier for viewers to remember where they are.





The content displays nicely in the iframe. it also looks nice on mobile. iphones / androids.

The illustrations create a very user friendly way of navigating around a blog via mobile. For more on the design and creation of the site, visit my Behance Portfolio. For more on the Regretstown, visit Regretstown.com

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>