Ticket To Ride Homepage

The Ticket To Ride site was the first major project that I took on as part of InGrid Design. The major component of the previous site was a utility to filter through area vanpools. This was something that the TTR staff wanted to further develop, as well as bring the rest of the site forward insofar as design and functionality. The version that is live as of July 1st, 2010 is Phase 1 of this process. Phase 2 will be coming during 2012 as part of an ongoing 2-year contract that I helped InGrid Design win.

The first stage was of course design, headed up by our Creative Director Katie Walker. I had some input, but the majority of the initial design was handled by her. Down the line, I re-laid out the homepage as well as handled the layout of interior pages based on her original designs.

The tougher part of the development cycle involved the new version of the vanpool finder. As the project was unfolding, TTR was gaining new vans and new routes. By the time the site launched, they were in charge of 60+ vans with at least 20 more on order. This meant a need to increase the ease of use by both the staff to keep up with all the routes as well as making it easier for potential riders to find vanpools.

The first version that I cooked up had Google Maps (using the MX Google Maps module) integrated into the header area where you see the van/cars above the main content. Each page focused on one vanpool and the aforementioned banner had plotted map locations of the pickup and the dropoff point locations. The body area had a description of the vanpool as well as

However, this early version ended up being a bit much to keep on top of. Especially when trying to plot out the pickup/dropoff points and be as accurate as possible, we were running into problems were it was just too much data to keep on top of. The routes shift all the time to account for different riders and changes in drivers, and keeping up with the map locations and other data could have been almost a full time job in and of itself. So we scaled back a bit and went back to basics. What resulted was what you see now on the site – simple selection boxes filtering the origin point and the destination point. When finding the locations that you desire, a table pops up with average pricing, relevant times, and contact information.

To do both ways, some custom php had to be written and some custom database calls. Luckily, an Expression Engine staffer had done something similar for an earlier version of EE, so there was at least a starting point. His code didn’t work for this at all, but at least gave some great insight into what needed to be done. He even took the time to update his scripts for EE2, but we still had to create our own due to our specific needs. In several cases – notably the Louisville and Ft. Knox vanpools, we needed a secondary selection box that wasn’t needed/available  for the other options. This necessitated another level of work which looking back wasn’t that big of a deal. And.. what you see now is what you get.

Technology Used: HTML/CSS/Expression Engine/PHP/MySQL/Photoshop CS5/Coda/Flash CS5

EE info: Expression Engine 2, Solspace Freeform, EE Forums, MailChimp Subscribe,

Baptist Milestone.com

I haven’t been in the habit of updating this blog… ever. But I wanted to mark the launch of the new Baptist East Milestone Wellness Center site.

I recently helped Jay Lane Media finish up this project, which had seen several iterations and developers. Due to a heap of varying circumstances, the previous developers were unable to complete the site to the needs of the client. So I stepped in to help wrap everything up and finally launch this site which had been in progress for over a year.

While a considerable amount of code was in place, including versions of the now-live class scheduler, there was still a lot of work to be done. Among which was:

• Speed optimizations
• Transition of many elements such as the homepage from static images to readable, accessible, editable text
• Outline of a upgrade path as well as definition of which CMS utilites would be left accessible to the end client and which would only be accessible to the admin
• Security upgrades
• Rebuild several forms to match updated functionality requirements
• Cross-browser testing
• Provide a client-updatable system for controlling their personal trainer listings and other staff
• Rewrite parts of the class scheduler to allow interface options such as a weekly listing of classes

Some features of the site:

• Event Scheduler – filterable via AJAX, added Weekly tab, updated design to match client’s needs
• Membership Form – input data, receive customized printable trial membership card
• Section-specific collapsed navigation – you don’t need to see all 500 subpages of other child or grandchild pages in the same category. Doesn’t sound like much, but WordPress can make this a little bit of a pain at times.
• Customized backend – thanks to manipulation of theme’s functions.php file
• Security and speed optimizations via minification and .htaccess manipulation

Tech used: Photoshop CS5, Espresso, CSS3, HTML5, Javascript/JQuery/AJAX, MySQL, WordPress, PHP

TL;DR: Redid a bunch of existing work and added increased functionality, working both from designer’s PDFs and my own design elements, for both content pages and dynamic forms and content areas.

Wordpress Custom Dashboard Panel

I made up a little custom dashboard widget for our clients at Louisville Web Group. At current, we’re placing this on the majority of our client’s WordPress installations. It gives the client a quick, easy way to see our contact information as well as a central spot to download their support documentation/”how-to guide”. I’m going to look into expanding this a bit in the future, possibly with a bit of JSON so that instead of having to update each dashboard with new info individually, I could update all dashboards simultaneously. This would be great for alerting clients to upcoming server maintenance or holiday hours.

Security Innovations

Security Innovations, a surveillance and security firm in Ohio, has received a new site. Validation for HTML 5, some CSS 3 add-ons (which unfortunately are the only thing preventing validation), and built w/ PHP, the new site is available for you to view at anytime. It uses a little javascript for the rotating banner on the homepage, and has some flash animations on some of the interior pages. Videos are embedded on the Video page utilizing Flowplayer.

Ready Cab screen shot

Several months ago, I completed a new site for one of the most trusted names in Louisville transportation – Ready Cab. Their new site has a CMS system so they can keep the site up to date, has a Flight Checker so you can see if flights are on time, and you can even place a cab reservation on their site.

Check out their site at readycab.com

After that? Hopefully I’ll be able to finally write the Shows/Event app for Louisville Hardcore.com that I’ve been wanting to do forever. I need to have it read the user tables from the forums, and then allow those users to post information to a separate database that will archive shows/events after the indicated time for each one. Not hard in theory, but it’s something new to try.

I guess once all of that is done, I’ll try to come up with a new design for this site… yeah, right. Thank you pre-fab wordpress designs!

Woodland Wildlife is a non-profit organization outside of Radcliff, KY that specializes in raptor rehabilitation. However, they have taken care of alligators, crocodiles, song birds, tons of rabbits, kittens, and much more. To help raise awareness and solicit much needed donations, we created this site for them.

The site is mostly XHTML/CSS. It also has a blog interface for them to update new kittens that they are taking care of. Though, I’m pretty sure they aren’t using that feature much. I hooked them up with some paypal buttons and a contact form.