RSS Feed
Mar 4

Responsive Web Design

Posted on Tuesday, March 4, 2014 in Graphic Design, Websites

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.

Marketers CRM responsive website

DFPL Dashboard responsive website

DFPL Responsive Website

MyLifter Responsive Website

Toolbar Responsive Website

Oct 31

Website Makeovers

Posted on Monday, October 31, 2011 in Graphic Design, Websites

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:

Dental website before

After:

Dental website after

Before:

Togio website before

After:

Togio website after

Before:

HCG before

After:

HCG website after

Before:

Floral website before

After:

Floral website after

Before:

Carefree website before

After:

Carefree website after

Feb 19

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.

Kimberly Jane Photography

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.

Hoppers Coaster Illustration

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

Flash Module

Nov 7

Granada Advisors Flash Website

Posted on Saturday, November 7, 2009 in Flash, Graphic Design, Motion Design, Websites

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

GranadaAdvisors home page

GranadaAdvisors why granada page

GranadaAdvisors work granada page

GranadaAdvisors careers page

GranadaAdvisors contact page

Apr 4

New Jeffective site

Posted on Saturday, April 4, 2009 in Flash, Motion Design, Websites

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.

jeffective website

Mar 18

Archer Illustration

Posted on Wednesday, March 18, 2009 in Illustration, Websites

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.

Archer Illustration

Detail view

Archer close-up

Feb 23

Flash Banners

Posted on Monday, February 23, 2009 in Flash, Graphic Design, Motion Design, Uncategorized, Websites

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).

PMI banners

Oct 27

Interfaces

Posted on Monday, October 27, 2008 in Flash, Graphic Design, Websites

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.

LMS Interface

Course Interface

Apr 20

Elemental Website

Posted on Sunday, April 20, 2008 in Drawing, Flash, Graphic Design, Illustration, Motion Design, Websites

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

Elemental website 1

Music Player

Elemental website 2

Jun 19

Rock Solid Repair Website

Posted on Tuesday, June 19, 2007 in Business Identity, Flash, Graphic Design, Logos, Motion Design, Websites

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.

Rock Solid Repair Website