UX Design

OSHA Publications

OSHA Publications

Bootstrap/HTML5/CSS3/jQuery/Slick/PLSQL integration

The OSHA Publications page interacts with a PLSQL backend that allows a user to request printed versions of OSHA documents.

Visit page

OSHA Online Whistleblower Complaint Form

OSHA Online Whistleblower Complaint Form

Bootstrap/HTML5/CSS3/jQuery/Javascript/jValidator

This form loads new question blocks as you complete each section. It validates answers, and doesn't let the user move on until the answers are complete. Once complete it connects to a backend system to update a database.

Visit page

OSHA Safe and Sound Week Landing page

OSHA Safe + Sound Week

Bootstrap/HTML5/CSS3/SVG/jQuery/Javascript/AJAX/Twitter/YouTube

An interactive set of pages that help visitors set-up, locate, and promote their Safe + Sound Week events. Utilizes several functions, including an interactive form, an AJAX call to an XML database to both activate and populate the data for each state. The data is displayed in Bootstrap Popovers, when a state in the SVG is clicked. The Twitter interfaces attached to multiple handles of participating companies, and looks for the hash tag #SafeAndSound.

Sub-pages include a participation form with a download and cookie. A sponsor page with an easy-to-update set of images that follow Bootstrap parameters, but don't require individual row divs. This campaign required me to really pull out all the stops and utilized every bit of my UX Development skills.

Visit page

OSHA-Top Cases

OSHA High Penalties by State

Bootstrap/HTML5/CSS3/SVG/jQuery/Javascript/AJAX

Utilizes an AJAX call to an XML database to populate tables. These tables are called in Bootstrap Popovers when a state from the SVG map is selected. Links are generated to OSHA Inspections. The alternate Table Format page generates the entire database into a single, searchable table.

Visit page


OSHA-Area Offices

OSHA Offices by State

Boostrap/HTML5/CSS3/SVG/jQuery/Javascript

Responsive SVG map that allows the user to select individual states to find their local OSHA Area offices or state-plan offices. An alternate drop-down selector lets users select a state and go to its page. Additionally, links for regional offices have region maps that have the same functionality as the main map.

Visit page

GAMES Video

Quantum Intent GAMES Video Creator

Video creation interface. User selects videos, text, and images and drags them into the timeline. Users then set the time for the individual frames, transition effects, and any text they would like displayed.

Digital Signage Dashboard 1
Digital Signage Dashboard 2

Broadcast International Digital Signage Dashboard

HTML/javascript-based dashboard for creating digital signage. Users can build full signs in a WSIWYG interface that resembles graphic design software. They can then schedule when their creations will run and for how long.

Digital Soft Remote

Broadcast Internation Digital Signage Soft Remote

jQuery Mobile "soft" remote designed to interact with onsite digital signage to control audio sources, inputs, languages, volume, and power on/off the screens.

PrimeTime on Demand main
PrimeTime on Demand register

PrimeTime on Demand

HTML/Javascript/PHP/CodecSys - A digital streaming service that would record and stream broadcast television. The application is a single page that allowed registration, sign-in, and video streaming.

Back to top


Web Design

Amit Method Website

AMIT Method

Bootstrap/HTML5/CSS3/jQuery/Flash/WordPress

Visit site

Johnny Hebda

Johnny Hebda

Bootstrap/HTML5/CSS3/jQuery/Parallax

Visit site


Graphic Design

Posters

Posters and Flyers
Click the image for samples

Ads

Ads
Click the image for samples

Logos

Logos
Click to enlarge the image

Graphics

Mockups & Graphics
Click the image for samples

Branding

Branding
Click the image for samples

Mailers

Brochures & Mailers
Click the image for samples

Back to top