WELCOME

Welcome to Studio Koi, the portfolio of Greg Ferrell. I am a web developer and graphic designer that focuses on high quality designs with no corner-cutting.

Recent Portfolio Entry

NGC Web Concept
View Entry

NGC Web Concept

The Enhanced Learning Solutions team needed a new web front end for customer relations and business data sharing and management. I was tasked with the visual and front-end development and coding. This is the current approved concept work for the homepage.

Currently the website is still in development stages and has not been released for the public, but will be soon. View the full size concept image here.

Tools used: Photoshop

ABOUT

Studio Koi is the portfolio site of Greg Ferrell. I have been a graphic designer since 2003 and a web developer since 2005. My current day job is designing web content for distance learning and I moonlight freelance.

In my blog you will find pieces of code I have written that make development a little easier. Many times I spend days coming up with a solution that was no where to be found on the internet or otherwise. When that happens, I feel it necessary to share so that others might get to skip the pain. It's my way of giving back to every person or website that has helped me over the years. In the future, I will be adding some tutorials as well.

My current interests include: Web Standards, Flash, PHP, Gaming, Fantasy, Sci-Fi, Traveling, and Family-time.

For development machines I use both Macs and PCs. Usually the process begins on the Mac and the ending QA is on a PC to ensure everyone has the same experience.

PORTFOLIO

Web

NGC Web Concept
View Entry

NGC Web Concept

The Enhanced Learning Solutions team needed a new web front end for customer relations and business data sharing and management. I was tasked with the visual and front-end development and coding. This is the current approved concept work for the homepage.

Currently the website is still in development stages and has not been released for the public, but will be soon. View the full size concept image here.

Tools used: Photoshop

L. Douglas Raymond Photography
View Entry

L. Douglas Raymond Photography

Photographer L. Douglas Raymond wanted a website that would showcase his high quality photography in a way that matched his work. He has a keen eye for his shoots and a very specific vision for each. He wanted his website to be no different. Working closely with Raymond, I developed a Flash presentation site of his work that reflects both his passion for subject and strict mental vision of its outcome.

Visit L. Douglas Raymond Photography.

Tools used: Flash, Photoshop, Fireworks

The I Served Project
View Entry

The I Served Project

Photographer L. Douglas Raymond approached me with a proposition. He had a friend, photographer Jon Webb, who was doing a charity project, The I Served Project, for veterans who hadn't had their stories told. Unhappy with a previous developer's work, Raymond asked me to help Jon revamp the project. He wanted something a little smoother and simple, so that the photos and stories were the most important feature.

Jon is currently gathering more interviews to expand The I Served Project. Visit The I Served Project.

Tools used: Flash, Photoshop

Tire Balls Website
View Entry

Tire Balls Website

The Tire Ball Development Company (TBDC) is a spin-off of an innovative off-road vehicle component manufacturer, SRC Summers Racing Components Inc. The TIre Ball Product Family, a flat-proof tire inflation system based on individual balls or air cells, needed a new look and marketing materials to go with thier amazing product line.

Their first order of business was a new website: complete with all new graphics, video, and more user friendly navigation. Visit the Tire Balls© homepage

Since the inception of this redesign, the company has grown exponentially, and I will be designing another update for their homepage to accommodate their expanded product line.

Tools used: Photoshop, Illustrator, Flash, Dreamweaver, XHTML, CSS, JavaScript

Extensions

Batch Publish Flash Extension
View Entry

Batch Publish Flash Extension

Many times I find the need to use external ActionScript when I have repeating occurrences of code across multiple Flash files. The downside of using external AS and changing it is that you have to publish every file that includes that script file. This gets to be a little tedious when doing it file by file, so I made a Flash extension that will publish all files in a folder and a few additional choices.

You have the option to: save an compact or just save, save with the normal publish settings, save only a swf, export all swfs to another folder of choice, or don't publish at all and just save and compact (I use this one a lot before archiving). You can download the Batch Publish Flash extension here.

Tools used: ActionScript, JavaScript, JSFL, Flash, XML

Mass Find/Replace Extension
View Entry

Mass Find/Replace Extension

At work I work with a lot of local files, and repetitive file groups. Meaning, I might have 30 folders all with the same CSS file or JavaScript file. The trouble I run into with using a lot of the same files is changing them, then having to copy/paste the file a billion times. It got pretty old. To save time and have a little better version control, I created an extension for Dreamweaver that will take a file and paste it over any files of the exact same name in a chosen directory down all nested folders. It has been a time/life saver.

I plan to port the code to an Adobe AIR version to negate the need to own Dreamweaver. For now, you can download the Mass Find/Replace Dreamweaver Extension here.

Tools used: XHTML, XML, JavaScript

Widgets

Fantasy Name Generator Dashboard Widget
View Entry

Fantasy Name Generator Dashboard Widget

I play a lot of fantasy and sci-fi rpgs where you get to name your own characters. It is easy to use the same names over and over again each time you play a new game, but often times, I want something a little different. In my searches for names, I came across David Wheeler's Totro Fantasy Name Generator. I liked it so much, I immediately decided that it needed to be an OS X Dashboard widget for quick use. I modified the base code a bit so it only shows one name and added a custom background.

You can download the Totro Fantasy Name Generator for OS X Dashboard here. I have future plans for making Yahoo! and Google widget versions.

Tools used: Photoshop, XHTML, JavaScript

Print

Tire Balls ATV Magazine Ad
View Entry

Tire Balls ATV Magazine Ad

Around the time that I began working with Tire Balls©, the company also was using prototypes on ATVS and began selling them commercially a short time later. This is a sister ad to the motorcycle magazine ad and was produced a short time later.

Tools used: Illustrator, Photoshop, InDesign

Tire Balls Motorcycle Magazine Ad
View Entry

Tire Balls Motorcycle Magazine Ad

When I first started working with the guys at Tire Balls©, they needed a good ad for a magazine that showed how their product actually fit into the vehicles. The original Tire Ball© was created for motorcycles so the first ad focused on this. This is a sister ad to the ATV ad for tire balls.

Tools used: Illustrator, Photoshop, InDesign

Tire Balls Conference Flyer / Booth Nylon
View Entry

Tire Balls Conference Flyer / Booth Nylon

Recently, the good guys at Tire Balls© contacted me to create a booth background and flyer for their upcoming conference in Las Vegas. They wanted to use the same design for both pieces. The premise of the work was their new mountain bike version of their product.

The finished item was a 5 foot by 7 foot nylon wall hanging and handouts on a 5x7.5 glossy print.

Tools used: Illustrator, Photoshop

Vector Jaguar
View Entry

Vector Jaguar

As a personal project, I decided to take a photograph of a favorite car of mine, the Jaguar XJ (Someday it will be mine!) and reproduce it as a vector print.

I started with the image in Freehand 11 and moved it to Illustrator CS to complete it. Overall it took 25-30 hours to complete it.

Tools used: Freehand, Illustrator

Paris Junior College Campus Map
View Entry

Paris Junior College Campus Map

The Paris Junior College wanted a new map for their college as they were trying to appeal to a new audience and compliment their new website.

The map is illustrated in an overhead view design style so that the buildings could be seen more easily for incoming students. Each building was illustrated from actual photos of the campus. The artwork itself was made in a vector format that can be scaled to any size and used for many other PJC projects.

Tools used: Illustrator

Flash

Tank Control Handle
View Entry

Tank Control Handle

On a delivery order for a tank lesson, I was charged with moving a tank around on a spade in a stationary position with a control handle simulation. It was accomplished by using a series of 3D renders controlled by an interactive handle, also comprised of 3D stills. I was very pleased with the result and it was used many times throughout the delivery.

Tools used: Flash (3DS Max work by Derek Carr)

Interactive Wrench
View Entry

Interactive Wrench

A project I was working on required that a wrench click some nuts and bolts to show them spinning into place. I took it a step further by actually requiring the nuts to be turned with a wrench icon in the proper direction before completing the exercise.

Tools used: Flash (3DS Max work by Derek Carr)

Slot Machine
View Entry

Slot Machine

I was working on a project at work that involved checking a students knowledge by matching images, definitions, and terms in groups. We decided right away that matching check boxes was boring, so we came up with this slot machine to compare the three groups.

Tools used: Flash, Photoshop (3DS Max work by Derek Carr)

GF's Color Finder
View Entry

GF's Color Finder

A colleague and I were working with a gentleman who had a hard time picking colors. He wanted something slightly different than the examples, but could not visualize exactly how it would look in Flash. In order to speed the process and allow him to better see what he was looking for, I created this color slider that would show him a color in Flash and let him adjust it as he saw fit. My co-worker and I then could take the hex values it produced and repeat them in the actual production work.

Tools used: Flash

Randomized Snow
View Entry

Randomized Snow

I was working on a project for my day job which required rain to randomly fall across an animation. After finishing the animation I decided that I could also make snow fall at a random pace and a gentle swooping fall.

Tools used: Flash

CONTACT

Periodically, I will accept freelance work proposals if I have the time available. If you would like to receive a formal copy of my resume, a portfolio CD, or would like to discuss freelance work: email me at info at studio koi dot com.