< / The Work >

The Work, A.K.A. my Portfolio, spans nearly the length of my 20 year career however do keep in mind that this is not my full portfolio as there are a number of more recent projects, primarily from my most recent position that are under NDA due to the need to protect their IP which means I can only show them privately (within an interview).

Curious about my UX Design Process?
Read More on the Northern Lights Blog

Lastly, I can provide much more context for the Web Apps & Sites listed below beyond their brief descriptions and bullet points so please contact me to schedule a meeting/interview.

Recent projects are within my Adobe Portfolio. (Please e-mail for the password).

Here is a list of companies that I've worked on projects either directly or indirectly.

Carina

Carina Promtional Campaign Management Web Application

Carina is a management tool used for the Analysis of Retail Promotional campaigns to uncover where performance can be improved upon. Carina contains a "Birds Eye" Account Management view, a Promotional tool used to construct better campaigns and a Scenarios tool used to test mock campaigns.

The Carina Prototype was built using Axure after a number of white boarding sessions to identify User Personas and iron out business logic. The Frontend Framework of choice was Bootstrap powered by Angular7 and NodeJS.

Carina

Task Breakdown (Contribution to Project):

Health Web Application Design*

The Health Web Application Design project went through several project phases starting with conceptualization, whiteboarding, the creation of Low fidelity Wireframes via Axure and finally Frontend development utilizing the Bootstrap Framework with a LESS master file.

The interactions were created with a Hybrid approach using Native JavaScript and JQuery powered by a Node server pulling from a MySQL db. The build process was similar to most of my modern projects that I've worked on using NPM, GruntJS and GitBash CLI. The file repo of choice was GitHub.

View the Health Web App

Health Application Case Study

Task Breakdown (Contribution to Project):

*Project name omitted for SEO Exposure reduction.

Aurora Digital Studios Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS (LESS) Development
  • › Custom JS & JQuery/AJAX
  • › Bootstrap Build (w/Grunt)
  • › PHP/MySQL Custom Contact Form
  • › SEO Tasks
  • › HTML5 Video Integration
www.auroradigital.net
Gamerz Unite.com Duties:
  • › IA, UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › Custom JS + JQuery Scripts Integration
  • › Bootstrap Build
  • › PHP/MySQL Forum Integration
  • › HTML E-Mail Design & Coding
  • › SEO Tasks
www.gamerzunite.com
WSM Tactical, LLC. Duties:
  • › IA, UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS (SCSS) Development
  • › Custom JS & JQuery/AJAX
  • › Custom Build (w/Grunt & Compass)
  • › Magento Custom Theme Creation
  • › Magento Custom Plugin Development
  • › SEO Tasks
www.wsmtactical.com
Duties:
  • › IA, UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS (SCSS) Development
  • › Custom JS + JQuery Scripts Integration
  • › PHP/MySQL Member System Creation
  • › PHP/MySQL Forum Integration
  • › SEO Tasks
  •  
www.carmod.net

Older Portfolio

Below are sites that were created prior to 2014 and are mostly Non Responsive but I like to keep them within my portfolio to show the length of my experience so please take into account their older styling and non-mobile friendly nature. Please also note that some sites below are no longer live and only show screen shots when clicked.

studerschild.com Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › Responsive / Adaptive Layout (Incomplete)
  • › JQuery Scripts Integration
  • › PHP/MySQL Product Catalog & CMS Build
  • › SEO Tasks
  •  
www.studerschild.com
duboulecollection.com Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › Partially Responsive (Incomplete)
  • › JQuery Scripts Integration
  • › PHP/MySQL Product Catalog & CMS Build
  • › SEO Tasks
  •  
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 Tasks
View Portfolio Site
Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › JQuery Scripts Integration
  • › PHP/MySQL Product Catalog & CMS Build
  • › Flash Animation & Video Integration
  • › SEO Tasks
View Portfolio Site
Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › JQuery Scripts Integration
  • › PHP/MySQL Product Catalog & CMS Build
  • › SEO Tasks
  •  
  •  
www.wohlercollection.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 Tasks
View Portfolio Site
Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › JQuery Scripts Integration
  • › PHP/MySQL Product Catalog & CMS Build
  • › SEO Tasks
  •  
  •  
www.heritagememorabilia.com
Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › JQuery Scripts Integration
  • › PHP/MySQL Product Catalog & CMS Build
  • › SEO Tasks
  • › SEO Tasks
  • › SEO Tasks
www.montreuxwatch.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 Tasks
www.gotpix.com
savemyseries.com Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › WordPress Setup & Theme Development
  • › BuddyPress Plugin Setup & Customization
  • › SEO Tasks
  •  
  •  
www.savemyseries.com
Duties:
  • › IA, UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › Custom JS
  • › PHP/MySQL Modifications
  • › SEO Tasks
  • › ***For CMPDD***
  •  
www.cantonms.net
Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › WordPress Theme Setup + Skin
  • › PHP/MySQL Shopping Cart Integration
  • › SEO Tasks
  •  
  •  
www.prtperformance.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 Tasks
View Development Site
Kevin S. Williams Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  •  
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 Tasks
View Screen Shots
Howard E. Watt Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  •  
View Screen Shots
Clancy & Clancy Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  •  
View Screen Shots
Western Media Solutions Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
View Screen Shots
Action Garage Door Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
View Development Site
Patronus Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  •  
View Development Site
Save Jericho Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › PHP/MySQL Commenting Page Creation
  • › SEO Tasks
www.savejericho.info
Farmer Football.com Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › PHP/MySQL Forum Integration
  • › SEO Tasks
  •  
  •  
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 Tasks
View Development Site
Bring It 2 Me Duties:
  • › IA, UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  •  
  •  
  •  
View Development Site
Kassel Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  •  
  •  
  •  
View Screen Shots
Rankin County Emergency Operation Center Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › PHP/MySQL Custom CMS Build
  • › SEO Tasks
  • › ***For CMPDD***
  •  
View Development Site
City of Pelahatchie Duties:
  • › UX, Branding
  • › Web Layout Design
  • › HTML & CSS Development
  • › JQuery Scripts Integration
  • › PHP/MySQL Custom CMS Build
  • › SEO Tasks
  • › ***For CMPDD***
www.pelahatchie.org
Central MS Planning & Development District Duties:
  • › UX, Branding
  • › Logo Design / Web Layout Design
  • › HTML & CSS Development
  • › SEO Tasks
  • › ***For CMPDD***
  •  
  •  
View Development Site
Duties:

Design for Michael's "March Madness"

View in Full Resolution
Duties:

Design for Michael's "Express your Style"

View in Full Resolution
Duties:

Design/HTML for GamerzUnite Newsletter

View in Full Resolution
Duties:

Design/HTML for Shop.com Welcome Msg

View in Full Resolution
Duties:

Design/HTML for AtAuction "Earn More Bid Bucks" autogen e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "How it Works" autogen e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Bid Received" autogen e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Outbid" autogen e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Win 32GB iPod Survey" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "It's Time to Start Bidding" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "New Product Arrivals" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Halloween Themed" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Support Stonegate Elementary" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Support Crowley High School" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Monday's Deal of the Day" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Deal of the Day Template" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for AtAuction "Brand Name Electronics" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for Aquatic Auctions "Bundled Shipping is Here" marketing e-mail

View in Full Resolution
Duties:

Design/HTML for American Council for Technology Newsletter e-mail

View in Full Resolution

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

JQuery Accordian Navigation Purpose: This is the custom JS/JQuery needed to construct an accordion navigation I wrote for XD.

XD Image Editor 2.0 Purpose: This JS/JQuery was created for the 2nd version of the XpressDocs Image Editor app.

XpressDocs Rezora RESTFUL API Purpose: This JS/JQuery was written to include on a partner site that would feed in XD branding whenever called.

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.

© davidahaynes.com — All Rights Reserved