|
w e b
Welcome to the web portion of my online portfolio. Here you will find examples of corporate, freelance, and personal sites.
How to Navigate: Clicking on the thumbnails or links will take you to the site if accessible, or the image viewer as in the case of the Corporate Sites examples. The image viewer will show you the examples on top of this page. If the example has multiple images you will see the text "Image 1 of #" under the description. Click on the right hand side of the image to view the next example, or on the left hand side to view the previous one. You can click back on this page or the X on the bottom right hand corner to exit out of the viewer.
Clicking the "show/hide" text will show or hide each section of the page making it easier to navigate.
Design/UI
These are a few of the designs and mockups that were created for Principle Data Systems as well as an example of a system I did for JCPenney's.
show/hide design
|
| Descriptions |
Thumbs |
Views |
|
Portal UI Redesign Mockup
This is a mockup completed in Photoshop for the Principle Data Systems client portal. I had to design around an infrastructure that was already in place. Namely, the menu and the tool bar (that is visible under the drop down menu). The idea is that the menu drops down horizontally and the content area that is attached to the tool bar extends down vertically.
|
|
- Portal New
- Portal Current
|
|
My intentions with this piece were to put more tools at the users finger tips. The entire header area contains buttons for items that were previously only available via a menu. The content area focuses on large headers that contain a lot of white space to break up all of the information that needed to be displayed on this page. The logo area is large because our logo is replaced with the clients logo. Though you may see some duplicaton on this page from what is presented in the header versus the content area, keep in mind the header stays the same while the content area changes making those items accessible no matter what page you are on in the system. I believe the point of any user interface is to make it clean, simple, intuitive and easily accessible.
|
|
School Site Mockups
These are school site mockups created for Principle Data Systems. The unique thing about school sites is you are limited by their school colors and it's the image that sells. These designs were designed specifically to fit within our content manager and thus were limited in design by those specifications.
Some of these are for real schools, others are simply for example only.
|
 |
- Grace
- PB Intro
- PB Interior
- McD Intro
- McD Interior
- EC Intro
- EC Interior
|
Process Diagram
Created in Omnigraffle, this is a process diagram of a system I built at JCP. In most cases since I was the Information Architect as well as Designer and Developer/Programmer I never had to do this stage of it. However, I was asked to map out how the system worked for someone who was unfamiliar with the level of complexity of our little web apps and came up with this. |
 |
Diagram
|
|
show/hide design.ui
|
|
|
|
Corporate Sites
I worked for the Marketing Department of JCPenney Corporate as a Lasso/PHP/XML developer from March 2002 - November 2006. My job consisted of evaluating current paper processes and converting those to online systems. Many of the systems JCP has in house are now completely online and only accessible through the custom web interfaces I have built. I can only provide screen shots of 2 systems and brief descriptions due to the complexity of the work, the types of systems, and the confidentiality agreement I have with the company. In the last group, I compiled examples of 5 other projects to give you a broader view of what I did there.
show/hide corporate sites
|
| Descriptions |
Thumbs |
Views |
|
Retail Advertising Change Request
I developed this site to assist with the process of changing images and products in advertisements that are already in development. A process that used to take up to 5-10 hours and 3-5 people now takes approximately 10 minutes and 2 people to complete.
|
|
- Index
- Submit
- Search
- List
- Admin
|
|
Marketing Training Scheduler
I developed this site to assist in setting up and signing up for training classes. Before this site, this process involved keeping track of various emails and schedules through Excel spreadsheets. Now trainers have this website to keep track of everything for them.
|
|
- Index
- Search
- List
- Admin
- Class
|
|
Examples of Other Projects
Example 1 is the Marketing Department’s Homepage. Example 2 is a branding page that makes a lot of use of our logo. Example 3 is an in-house Wiki site I set up for the copywriters. Example 4 is the Point of Sale screen I recreated to make more use of our logo. I am only responsible for the background image and buttons.
|
 |
- Home
- Style
- Wiki
- POS
|
|
show/hide corporate sites
|
|
|
|
|
Freelance Sites
The following are a few examples of freelance sites. With an exception of the last site, these sites are still up and running today. Most freelance projects I complete are just the ground work and the inital release of the site. After the site is up and running, the client is responsible for site updates and content changes. Clicking on the thumbs or the site links will take you to the site by opening a new window.
show/hide freelance sites
|
| Descriptions |
Thumbs |
Sites |
|
Richard Howland-Bolton
A customized personal site and back-end content management system for an eccentric British essayist/photographer.
The client needed a site that would allow him to easily update and display his work to the web. The site displays his most current essays in audio and written formats, serves as an archive of past essays, and houses his professional and family photos. This site also functions as his method of transferring his audio essays to an NPR station in New York for broadcast on Saturday mornings. He controls the site and its content.
|
|
Homepage
|
Tech Notes: I originally customized a php-nuke site for him, but after several hacking attemtps we decided a completely custom content management system would be best. I reprogrammed the entire site by hand in PHP and MySQL. On the back-end he can access and edit all of the text of the site, which resides in a MySQL database, from a custom admin console with wysiwyg editor. On the front end we now have a contact form so that his email address is not available for spam, and we have internal pop-up windows (at his request) that allow him to link to notes he makes on his essays in very unique ways. As of August 7th, 2006 the new version of the site is available. Look for more changes as we are still making minor adjustments to it while we tweak the information from the old system. |
Nice and Neat
This is the site of Michelle Kelley, a professional organizer located in Austin, Texas. I designed this site with nice clean lines and boxes where everything is in its place and there is a place for everything. To help her illustrate the different aspects of her business we went with stock photos that when rolled over give a statement and when clicked link you directly to that particular service. The unique part of this site is that the rounded boxes are all dynamic and controlled by CSS so that they are very small graphics and they size to the content. This means there is one set of graphics for all of the pages and that the site loads faster than if the boxes on each page were separate background images as how it would have had to have been done in years past. |
|
Homepage |
Presbyterian Church of Lake Travis
This was a complete site redesign for the Presbyterian Church of Lake Travis. This entire site is built in CSS (no tables) and built from the perspective of a "visitor" rather than a "member", so it serves mainly as an FAQ. Per request there is no navigation menu, rather a series of links that lead you all over the site, including the name/logo that serves as a CSS (no javascript) rollover and link back to the home page. From a design perspective, if you look at the site on it's side, it resembles the Texas flag.
The Pastor now maintains the page so it will vary slightly from the original concept/release over time. |
|
Homepage
|
Law Offices of Carolyne Davis
I developed this site for Carolyne Davis an estate and title attorney in Dallas, Texas. She wanted a site to match her printed brochures and thus I had a design direction to begin with. The site's main feature is the ability to accept title requests online via a secure form and email script. Her staff now controls the site and its content. |
|
Homepage |
UpMyScore
I was the original designer for this site in 2004 before the developer put it on hold. The developer wanted something that resembled an application interface so here you have the brushed metal look that was popular in 2003/2004. The middle portion of what you see here is a Flash piece he wanted to explain what the site had to offer. As of my last visit, October 2006, this site is now non-existant. |
|
Homepage
|
|
show/hide freelance sites
|
|
|
|
|
Personal Sites
I developed these sites for friends, family, and myself. Creating websites was a hobby of mine before it was my profession. Often my personal sites serve as launching pads of ideas for the corporate or freelance sites I develop professionally. Clicking on the thumbs or the site links will take you to the site by opening a new window.
show/hide personal sites
|
| Descriptions |
Thumbs |
Sites |
Minions of the Night
I built this customized PHP-Nuke site for the World of Warcraft guild Minions of the Night. The site also features a 'nuked' version of Gallery for screen shots and I am currently working on incorporating a raiding point (DKP) system. To make the site unique I created the customized banner featuring scenes from the game. In addition to developing this site, I also host and administer it for over 100 users. |
|
Homepage |
Tech Notes: I made back-end programming changes by including a raid sign-up system within the site that usually operates as a stand-alone version. I recoded the PHP of the raid sign-up system so that when someone schedules a new raid the system sends the raid name, location, date, and time to the calendar database. This prevents the site users from having to submit the information twice to get it into both systems. |
|
Down the Rabbit Hole
I developed this fan-site in October of 2000 based on an Alice in Wonderland video game by American McGee. From 2000-2002 Electronic Arts, the game's developer, linked to this site from the game's main site. The site is now one of the longest running fan-sites out there with a small but steady fan base of its own. The site's unique feature is a journal written from Alice's point of view. The site also hosts poetry, riddles, links to other fan-sites, and a message board area. I completed the 2.0 version of the site in June of 2003. In the new version it got a face lift as well as new programming. I will be updating the site again soon to coincide with the upcoming movie release.
|
|
Homepage |
Tech Notes: I programmed the site in DHTML and CSS so that the entire site is actually on one single page. The page has individual boxes that I placed one on top of another. Each box has a corresponding link on the side. When someone clicks the link, the current box becomes invisible and the linked box becomes visible. Each box then has a virtual include inside linking to a text file where you will find the actual text of the page. This makes updating easy as I only open the text file to the portion that needs updating and my page of code stays clean and untouched. |
|
J. Damien Harrelson
I developed this Flash portfolio site in 2001 for my father who is an artist and graphic designer. This is the only site I developed entirely in Flash. He wanted a way to publish his work on the web but not have it stolen and used for other sites. Incorporating everything into a Flash site allowed us to publish his work in such a way that made downloading his images impossible. It also allowed him the ability to include the site on a CD to send off to perspective clients and to hand off at job interviews.
|
 |
Homepage
|
|
|
