< / The Work >

Below are web sites I have designed and coded the HTML/CSS for. There are also a few in which I created CMS's for and even a store through the use of PHP/MySQL. Most of these sites validate properly via W3C and are XHTML 1.0 Transitional or HTML5. Around 75% of my sites are table-less and make use of a fluid DIV layout structure.

First, here is a list of a few company web sites I've worked on:

Clients HTML5 Portfolio

Note: Some sites below are no longer live and only show screen shots when clicked.

  • Gamerz Unite.com Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Custom JS + JQuery Scripts Integration
    • › PHP/MySQL Forum Integration
    • › Twitter Bootstrap (Customized)
    • › HTML E-Mail Design & Coding
    • › SEO Optimization
    www.gamerzunite.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › Responsive / Adaptive Layout
    • › JQuery Scripts Integration
    • › Custom JQuery Code
    • › PHP/MySQL Product Catalog & CMS Build
    • › SEO Optimization
    www.louisrichardwatches.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › Responsive / Adaptive Layout
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › SEO Optimization
    www.studerschild.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › Partially Responsive (Incomplete)
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › SEO Optimization
    www.duboulecollection.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › Flash Animation & Video Integration
    • › SEO Optimization
    www.32degreeswatches.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › Flash Animation & Video Integration
    • › SEO Optimization
    www.bernoullitime.com
  • Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Responsive / Adaptive Layout (Dev Only)
    • › Custom JS + JQuery Scripts Integration
    • › Integration into JAVA Backend
    • › SEO Optimization
    auctions.shop.com
  • Gotpix.com Version 3 Duties (Currently in Beta Pre-Launch):
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Custom JS, JQuery & JSON
    • › Flash Media Player Creation
    • › XML / JSON Setup
    • › PHP/MySQL Custom Social Network
    • › SEO Optimization
    www.gotpix.com/
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › SEO Optimization
    www.montreuxwatch.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › SEO Optimization
    www.wohlercollection.com
  • Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Custom JS + JQuery Scripts Integration
    • › PHP/MySQL Member System Creation
    • › PHP/MySQL Forum Integration
    • › SEO Optimization
    www.carmod.net
  • Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Custom JS
    • › PHP/MySQL Modifications
    • › SEO Optimization
    • › ***For CMPDD***
    www.cantonms.net
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › JQuery Scripts Integration
    • › PHP/MySQL Product Catalog & CMS Build
    • › SEO Optimization
    www.heritagememorabilia.com
  • Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › WordPress Theme Setup + Skin
    • › PHP/MySQL Shopping Cart Integration
    • › SEO Optimization
    www.prtperformance.com
  • Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Responsive / Adaptive Layout
    • › Custom JS + JQuery Scripts Integration
    • › Integration into JAVA Backend
    • › SEO Optimization
    www.exchangeauctions.com
  • Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Responsive / Adaptive Layout (Dev Only)
    • › Custom JS + JQuery Scripts Integration
    • › Integration into JAVA Backend
    • › SEO Optimization
    www.atauction.com
  • Discover Network (Discover Card) Duties:
    • › HTML & CSS Development
    • › Assisted w/SEO Optimization
    • › ***For TM Advertising***
    •  
    •  
    www.discovernetwork.com
  • National Open Door Housing Foundation Duties:
    • › IA, UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › PHP/MySQL Custom CMS Build
    • › SEO Optimization
    View Development Site
  • Carey Law Offices Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › WordPress Theme Setup + Skin
    • › SEO Optimization
    www.careyjustice.com
  • Kevin S. Williams Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    •  
    View Screen Shots
  • Redhook Blog Duties:
    • › HTML & CSS Development
    • › WordPress Theme Setup + Skin
    • › ***For TM Advertising***
    blog.redhook.com
  • AA.com Newsroom Duties:
    • › UX
    • › HTML & CSS Development
    • › ***For Weber Shandwick***
    AA Newsroom
  • Phillip Hayes Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Screen Shots
  • Howard E. Watt Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Screen Shots
  • Clancy & Clancy Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Screen Shots
  • Western Media Solutions Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Screen Shots
  • Action Garage Door Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Development Site
  • Patronus Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Development Site
  • Save Jericho Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › PHP/MySQL Commenting Page Creation
    • › SEO Optimization
    www.savejericho.info
  • Farmer Football.com Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › PHP/MySQL Forum Integration
    • › SEO Optimization
    www.farmerfootball.com
  • Brian W. Hall Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › Custom JS
    • › PHP/MySQL Custom CMS Build
    • › Flash Nav & Interactive Map Creation
    • › SEO Optimization
    View Development Site
  • Bring It 2 Me Duties:
    • › IA, UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    •  
    •  
    •  
    View Development Site
  • Kassel Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    View Screen Shots
  • Dallas Law Smiths Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    www.dallaslawsmiths.com
  • Rankin County Emergency 
                            Operation Center Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › PHP/MySQL Custom CMS Build
    • › SEO Optimization
    • › ***For CMPDD***
    View Development Site
  • Aurora Digital Studios Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › PHP/MySQL Custom Contact Form
    • › SEO Optimization
    •  
    www.auroradigital.net
  • City of Pelahatchie Duties:
    • › UX, Branding
    • › Web Layout Design
    • › HTML & CSS Development
    • › JQuery Scripts Integration
    • › PHP/MySQL Custom CMS Build
    • › SEO Optimization
    • › ***For CMPDD***
    www.pelahatchie.org
  • Central MS Planning & Development District Duties:
    • › UX, Branding
    • › Logo Design / Web Layout Design
    • › HTML & CSS Development
    • › SEO Optimization
    • › ***For CMPDD***
    •  
    •  
    View Development Site

Below are code examples. The majority are JavaScript & JQuery related.

AtAuction.com Product Page JQuery Tab Highlight Purpose: The goal of this code was to improve UX so that a user would know what section of content that they were viewing by seeing the current section's highlighted tab.

LouisRichardWatches.com Lazy Loader+QTip JQuery Integration Purpose: Lazy Loader was built to make it easier and quicker for the user to browse product. Integration of 2 other JQuery scripts (qTip2 & idTabs) had to be done in order for the script to function.

Gotpix.com JQuery/JSON Feed Purpose: Social feed was created to pull in friend updates. Very similar to the Facebook news feed. Feed.php PHP script was created to get data via JSON call. Integration of Tinyscrollbar JQuery script was also done.

Gotpix.com JS/JQuery Profile BG Upload Purpose: Allows a user to upload a custom image background for their social profile, very similar to Facebook's profile background upload. Due to limitations within JS and browser security, an iframe had to be used to post data.

AtAuction.com Landing Page JS/JQuery Condensed Registration Purpose: To condense the registration form from 6-7 required fields to only 2. Required input data was then abstracted and passed via hidden form fields. An explicit number and random number were assigned for tracking purposes.

Gotpix.com JQuery/AJAX Commenting Purpose: Simple comment posting with no page refresh via AJAX post to PHP script.