Work Projects

The New DataPath Website

Friday, August 20th, 2010

First off, sorry I haven’t posted in a while, I have been super busy at work.  Speaking of work, I am currently employed at a company called DataPath, Inc. in Little Rock, AR as a “Marketing and Web Developer” and I love it.  About 5 months ago, I accepted a new project of redesigning and developing the company website, while integrating it with what was there already which included a backend CMS and SQL database. This was a huge undertaking because  it was originally developed in 1997 in dirty ASP.

This was very exciting for me because it was the first big project I undertook at the company, and it allowed me to show off my skills and worth  (plus I could learn a lot along the way).  Long story short, I got a redesign approved and started hacking away at developing.

Some of the special features I integrated or developed into the new site include:

  1. a new navigation system, which include the main drop down navigation as well as a side accordian-like structure navigation (all programmed in javascript)
  2. a new overall design with consistency and flow, because before the site was very unorganized and sloppy
  3. bookmarks, for increased user friendliness to navigation the site
  4. Flash based graphics and advertisements, this was huge because as you know I  love Flash

Here are some before and after pictures of the site, click on them to view a larger image (sorry some of them might be a little fuzzy but I had to resize them down to fit a 800 x 600 dimension).

BEFORE AFTER
frontofdpath frontofdpathnew
aboutdpath aboutdpathnew
productsdpath productsdpathnew
servicesdpath servicesdpathnew
resourcesdpath resourcesdpathnew
logindpath logindpathnew
sitemapdpath sitemapdpathnew
Here are a few before and after pictures of the navigation, click on them for a larger image.
navigationdpath navigationdpathnew

Cya

Change of Status.com Website

Thursday, August 19th, 2010

I have finished redesigning another website called changeofstatus.com. The purpose of the site is to help simplify and minimize the confusion involved in an employee’s change of status (sometimes called a “life event”) as it pertains to their various healthcare benefit plans. When someone gets married or looses a dependent, usually things like this are considered life events and allow the employee to change their benefit package accordingly, so they are not paying for something they do not need. Also on the change of Status website there is a tool that converts the complicated employee change of benefits status matrix to an easy-to-use, three-step wizard, allowing employees, employers and administrators to determine what life events are permitted under IRS rules and regulations. I redesigned the site completely, you can see the site images above. The image on the right is the ‘before’ image, and the image on the left is the ‘after’. I used this template before on other company websites and I thought I do the same for this site to keep the branding consistent overall.

The site uses the jQuery Cycle Plugin for the banner rotater so that its visible even on devices like phones that don’t run Flash. Also, the website is completely SEO friendly. This is another case where I put my SEO checklist to work and it has helped tremendously. Previously the site was around 500 hits a month. Now even after a couple weeks, it has raised to over 1,500 hits a month. I’ll post the google analytics pictures as soon as I can.

Cya

HRA105.com Website

Wednesday, March 17th, 2010

I have finished working on another site for work, called HRA105.com. It’s a informational and marketing website for HRAs (Health Reimbursement Arrangements).  The pictures on the left are the redesign and updated site, and the pictures on the right is what it use to look like. As you can see I did a lot of updates to the site. First off, I created all the banner images and made a simple jQuery Rotating banner with a simple fading transition with the jQuery Cycle Plugin. This is a really nice feature because it will show up in all browsers including iPhones. Secondly,  I used Stu Nicholls’ great horizontal navigation called Professional Dropdown #2. I would of created my own navigational menu but it just saves so much time using other’s free stuff and this is just a really  nice and simple menu to use and setup. The problem with the original site was that the navigation was non-existent. You had to click on the flash portion at the top and then click “click here to read more” and then the subpages had tons of white space between paragraphs that made no since and it was hard to find what you wanted. The most important part of any website is that its easy to get around and find what you want, if the user can’t use your site they will leave it in a matter of seconds. Also, I made all the subpages consistent and made the site a standard 1024px by 768px instead of a stretch to fit liquid layout so it looks the same on all computers. Its cross browser compatible as well and I performed my SEO checklist on the site as well.

Cya

ArkansasHSA.com Website

Wednesday, February 3rd, 2010

Here is another website I work on at my job, its called ArkansasHSA.com. It’s a informational website for HSAs (Health Savings Accounts) for Arkansas State Employees and Arkansas Public School Employees. The before and after images are below and there are a few things I updated on the site I want to point out. I updated the banner of the page with CU3ER once again because its just so easy to use and really professional looking, and it doesn’t take much time to setup.  Also, I updated the navigation of the website, which is really important because iI a user can’t find what they are looking for on the site then you have a huge problem. I used  Pro Dropdown 2, which is a really nice free dropdown navigation, if you use it just make sure to keep all the copyright information in the CSS and Javascript files provided.  The nice thing about it is that its cross browser compatible and really easy to use and easy to create your own style.    Also, the layout was fluid before which made the page stretch out way to far and just made the site look old to me, so I made it have a static width of 1024px and created a simple background for it and moved some other stuff around on the pages. The image on the left is the after picture and the image on the right is the before, sorry they aren’t the other way around but on my portfolio page I have a Flash script to grab the first image in the post to display and I wanted the ‘After image’ to show up.

Cya

Health Savings Accounts Website

Friday, December 4th, 2009

I have just finished redesigning and developing another website for DataPath. HSA223.com is an informational website about HSAs (Health Savings Accounts). The redesign image is on the left and how it looked before is on the right. I implemented CU3ER into the banner of the website where I created all the graphic and slides for it.  I also changed the navigation using some simple javascript  and CSS to handle it all. I think overall it looks cleaner and more up to date, and it’s easier to use, and the pages are lighter weight. Finally, I converted all the table formatting in the pages to use div’s.

To increase SEO of the site, we updated the text, added meta descriptions, added Google Analytics stat tracking, and I validated all the pages.

newhsasite oldhsasite

Cya