Responsive Web Design
I’m not against using a builder or website template (I use them from time to time myself) but there’s something about knowing how to create something from scratch that really helps you to understand how it works. I’ve been doing a lot of these little corporate responsive sites lately. If you don’t know what a responsive site is, here’s a brief explanation. It’s a website that changes it’s formatting based on the device the user is viewing it with. If the user has a tablet then the format changes to fit that device. Same for a computer or smart phone. I won’t go into the boring details of it but it is fun to be able to decide a users viewing experience based on the device they are using. Here are some examples of what I’ve done in the last few months. These are all kind of in the same vein as they were mostly for the same type of client.
Website Makeovers
Lately I’ve been doing a lot of these. It’s fun to to take something that already exists and create my own take on the same information. It’s also really fun to build the sites. It’s nice to problem solve how to make things work within the confines of a website structure. Rather than just show the final product, I thought it would be cool to see how they looked before I started working on them.
Before:
After:
Before:
After:
Before:
After:
Before:
After:
Before:
After:
3 Projects Past
For whatever reason these projects got passed by without being posted. Rather than spread them out over the next few weeks (and get more behind posting projects) I’m going to combine them into this one post.
First up is a logo for Kimberly Jane Photography. Fortunately her favorite flowers are lilies (which can look very different depending on what kind they are). It made for a really interesting logo mark. So I created this vector lilly to compliment the color theme and text.
Next is a Coaster for Hoppers. Based on the Chill concept I created previously and the piranha I did for their t-shirts. It seemed an effortless project. Like putting puzzle pieces together that were meant to be together in this perfect space.
Lastly is a website header I did for Money Desktop in Flash. There are 5 animations meant to run continuously with small pauses in between or to be clicked around using the navigation at the bottom. It all came together quite nicely. Click Here to see the animation
Granada Advisors Flash Website
This was an intensive website to build. It has a lot of features that I had not created before, rss feeds right in flash, full screen flash expansion, swfaddress (separate urls for each swf or page loaded in). It also has some features that I have worked with before, contact form, music player, etc. I think it turned out great and I learned a lot creating it (always a plus). You can view the site here: www.granadaadvisors.com
New Jeffective site
Version 4.0 of jeffective.com is finally launched. I’m very happy with it and hope to be for a long time. I’ve brought back some favorite features like the punish the artist game, I’ve also incorporated the sketchbook into the site. I hope to have the store up and running soon so I can sell prints of my work. As you can see my blog has been restyled to compliment the new jeffective site.
Archer Illustration
This Illustration is for an Archery Website. I was pleased with the color values I was able to achieve despite it being a vector illustration. It was a fun project.
Detail view
Flash Banners
So I did this collection of flash banners for a corporate website. Below are the static images of the banners. To view the animations click here.. You will be taken to a page where you can stop and start each banner as you please. Each banner has some continuous motion after the initial animation plays out. They were a lot of fun to do (anything in flash is fun, really).
Interfaces
So these are two of the interfaces I did. The first is for the PMI Learning Management System. This is where clients go to manage there progress and get support and information. The second is the skin for the eLearning courses where said clients will watch and learn.
Elemental Website
The Elemental flash website is mostly completed. Enough that I can post it and send people that way. It turned out great! I’m very pleased with it. I created illustrations of each of the members of the band to cycle through on the landing page. They are wrapping up recording there first album (I can’t wait) and are happy to launch their official website. So check it out at www.theelemental.com.
landing page
Music Player
Rock Solid Repair Website
This is the website for “Rock Solid Repair”. Located at www.wall-repair.com. I gave the instructions page step-by-step animations so that there is no mistaking how to use the product.