< / The Work >
The Work, A.K.A. my Portfolio, spans the length of my 25 year career, however I cannot show my most recent work from Fidelity Investments and Antuit publicly which means I can only show them within my password protected portfolio.
Read More on the Northern Lights Blog
Last, I am happy to provide more context for the work listed below beyond their brief descriptions 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.
Fidelity Investments (Multiple Projects)
I spent nearly 5 years at Fidelity where I led the charge in creating the best experience for sales and service associates to enhance their workflow and tools within the Salesforce product. I performed in-depth UX Research, designed prototypes in bringing the experience to life and even built hybrid design systems based off the Lightening Design System and influenced by the Fidelity standard.
I worked on over ten projects during my tenue with the company, eight of which are viewable in my Adobe Portfolio. You can e-mail me for the password as I cannot show my work with Fidelity in a public facing format. You can also find it in my Resume Snapshot that is attached to any job application I have submitted.
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.
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
Task Breakdown (Contribution to Project):
*Project name omitted for SEO Exposure reduction.
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
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
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
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
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.
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › Responsive / Adaptive Layout (Incomplete)
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › Partially Responsive (Incomplete)
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › Flash Animation & Video Integration
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › Flash Animation & Video Integration
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › SEO Tasks
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
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › JQuery Scripts Integration
- › PHP/MySQL Product Catalog & CMS Build
- › SEO Tasks
- › SEO Tasks
- › SEO Tasks
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
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › WordPress Setup & Theme Development
- › BuddyPress Plugin Setup & Customization
- › SEO Tasks
Duties:
- › IA, UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › Custom JS
- › PHP/MySQL Modifications
- › SEO Tasks
- › ***For CMPDD***
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › WordPress Theme Setup + Skin
- › PHP/MySQL Shopping Cart Integration
- › SEO Tasks
Duties:
- › HTML & CSS Development
- › Assisted w/SEO Optimization
- › ***For TM Advertising***
Duties:
- › IA, UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › PHP/MySQL Custom CMS Build
- › SEO Tasks
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › HTML & CSS Development
- › WordPress Theme Setup + Skin
- › ***For TM Advertising***
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › PHP/MySQL Commenting Page Creation
- › SEO Tasks
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › PHP/MySQL Forum Integration
- › SEO Tasks
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
Duties:
- › IA, UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › PHP/MySQL Custom CMS Build
- › SEO Tasks
- › ***For CMPDD***
Duties:
- › UX, Branding
- › Web Layout Design
- › HTML & CSS Development
- › JQuery Scripts Integration
- › PHP/MySQL Custom CMS Build
- › SEO Tasks
- › ***For CMPDD***
Duties:
- › UX, Branding
- › Logo Design / Web Layout Design
- › HTML & CSS Development
- › SEO Tasks
- › ***For CMPDD***
Design for Michael's "March Madness"
View in Full Resolution
Design for Michael's "Express your Style"
View in Full Resolution
Design/HTML for GamerzUnite Newsletter
View in Full Resolution
Design/HTML for Shop.com Welcome Msg
View in Full Resolution
Design/HTML for AtAuction "Earn More Bid Bucks" autogen e-mail
View in Full Resolution
Design/HTML for AtAuction "How it Works" autogen e-mail
View in Full Resolution
Design/HTML for AtAuction "Bid Received" autogen e-mail
View in Full Resolution
Design/HTML for AtAuction "Outbid" autogen e-mail
View in Full Resolution
Design/HTML for AtAuction "Win 32GB iPod Survey" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "It's Time to Start Bidding" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "New Product Arrivals" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "Halloween Themed" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "Support Stonegate Elementary" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "Support Crowley High School" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "Monday's Deal of the Day" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "Deal of the Day Template" marketing e-mail
View in Full Resolution
Design/HTML for AtAuction "Brand Name Electronics" marketing e-mail
View in Full Resolution
Design/HTML for Aquatic Auctions "Bundled Shipping is Here" marketing e-mail
View in Full Resolution
Design/HTML for American Council for Technology Newsletter e-mail
View in Full ResolutionBelow 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