User interface & front-end development

A selection of UI/UX work from my years as a front-end developer and designer.

Collage of screenshots from the projects in this portfolio

Index

  1. 01 AutoBook Service Scheduler AutoLoop Application
  2. 02 Personal Trainer Scheduler Lifestyle Family Fitness Application
  3. 03 FreightCenter Software Projects FreightCenter Application
  4. 04 Pizza Plus Systems & Software Pizza Plus IT & development
  5. 05 Dribbble Streetball Personal project Web app
  6. 06 Ministry Logos Ministry Identity
  7. 07 Calvary Chapel Southside Volunteer Website
  8. 08 Crossfire Fitness Ministry Volunteer Website

01AutoLoopApplication

AutoBook Service Scheduler

AutoBook scheduled service appointments for car dealerships in two parts: a portal where dealership staff managed the service schedule, and a customer-facing scheduler that dealers linked to or embedded on their own websites. It lives on today as Book, part of Affinitiv’s service suite.

I was the UI/UX designer and front-end developer. I built a custom CSS framework of reusable interface components (date and time pickers, clocks, sliders, and form inputs) as a custom skin on top of jQuery UI.

Technology
  • UI/UX Design
  • Custom CSS Design System
  • jQuery & jQuery UI
  • Angular
  • Handlebars
  • ASP.NET C# WebMethods
  • YUI Compressor
Typography
  • Gotham
  • Droid Sans
  • Tungsten
  • League Gothic, et al.

02Lifestyle Family FitnessApplication

Personal Trainer Scheduler

At Lifestyle Family Fitness I had the opportunity to help develop an in-house application for managing personal trainer schedules. I was responsible for user interface, front-end development, and consuming back-end WCF Services.

My Lifestyle

Lifestyle Family Fitness had a private customer portal that allowed members to track their workout progress. The technology behind this was impressive, but the design and implementation needed a lot of attention (it had a blue web 2.0 and/or Windows XP theme going on). As an ongoing side project I created design comps to explore new ideas. This included aggregating pre-existing data from blogs, social media, and personal training videos, and bringing them all together in one cohesive, on-brand, package.

Technology
  • Front-end Development
  • UI/UX Design
  • JavaScript, jQuery, JSON, HTML, CSS
  • ASP.NET MVC C#
  • Service-Oriented Architecture
Typography
  • Futura
  • Tungsten
  • Web-safe fonts

03FreightCenterApplication

FreightCenter Software Projects

FreightCenter Software Projects

At FreightCenter I worked primarily as a back-end C# developer, designing new features and refactoring a legacy code base to cleaner standards that made it quicker to work in.

My largest project was a new Quote Engine. It ran asynchronously to pull data from multiple sources at once, could be troubleshot directly from a console application, and gave visibility into its background processes through auditing and logging.

I coordinated heavily with the UI/UX team and our Creative Director, Justin Langley, who is responsible for most of what you see in the screenshot. I also helped build a CSS layer that let the product be white-labeled with each vendor’s logo and brand colors.

Technology
  • .NET C# – Web, Background, Internal Tools
  • MSSQL – Stored Procedures, Database Design
  • Services – WCF, REST, ASMX
  • ASP.NET – MVC4 & Webforms for legacy apps
  • Bootstrap 2/3 Integration with Custom Design
  • White-Label CSS Theming
  • JavaScript, jQuery, JSON, HTML, CSS

04Pizza PlusIT & development

Pizza Plus Systems & Software

At the Pizza Plus corporate headquarters I supported more than 60 restaurant locations, managing Cisco networking and VPNs, Microsoft SQL Server administration and backups, a network of over 200 Windows workstations and servers, and PCI compliance for credit card processing.

Imaging machines, partitioning drives to keep the operating system separate from data, and deploying updates across every location were routine work.

I wrote custom software in C# & VB.NET, PHP, and ActionScript 3.

Apps developed

  • Point-of-sale reporting application comparing daily, weekly, and monthly sales against timeclock hours
  • Point-of-sale record auditing
  • Public marketing website
  • Daily prize game
  • Employee portal
Technology
  • Cisco Networking
  • VPN
  • Windows Server
  • Microsoft SQL Server
  • PCI Compliance
  • Disk Imaging & Deployment
  • .NET C#
  • PHP
  • ActionScript 3
  • JavaScript
Typography
  • Whitney
  • Futura
  • Gotham
  • Web-safe fonts

05Personal projectWeb app

Dribbble Streetball

Dribbble Streetball

Streetball is a personal project I created in 2012 to experiment with data from the Dribbble API. I expanded on their basketball theme by pairing two players up against one another and analyzing their “stats”. There really is no clear winner, as this is intended just for friendly competition. But as you can see in the screenshot, I just got schooled by a legend.

Technology
  • JavaScript
  • jQuery & various plugins
  • JSON, AJAX
  • HTML/CSS
Typography
  • Futura
  • Gotham

06MinistryIdentity

Ministry Logos

Ministry Logos

Over the years I have created quite a few design resources for ministry use. Some of that included word mark logos and background graphics for on-screen music lyrics.

07VolunteerWebsite

Calvary Chapel Southside

Calvary Chapel Southside

For my local Church, Calvary Chapel Southside in St Petersburg, FL, I volunteered to serve most of the web and technical needs. This included a variety of roles such as web design & development, podcast recording & publishing, graphic design, database management, networking, computer maintenance, et al.

Technology
  • ASP.NET MVC
  • Rapid UI Implementation
  • Bootstrap 3, Responsive Web
  • Caching and CDN Optimizations
  • RSS Parser
  • iTunes Podcast
Typography
  • Proxima Nova
  • Tungsten

08VolunteerWebsite

Crossfire Fitness Ministry

Crossfire Fitness Ministry

CrossFire Fitness is a ministry that my wife and I both strongly believe in. Based out of Bristol, VA they provide a great opportunity for the local youth to begin and pursue a healthy lifestyle. All of this is done free-of-charge, and is centered around honoring Jesus Christ.

I was honored to volunteer my time to build a website and help further establish their web presence. One of my favorite parts of this project was creating the background collage from their Facebook photos.

Technology
  • Brand Refinement & Enhancement
  • Responsive Website
  • Bootstrap 3, HTML, CSS, JavaScript, PHP
Typography
  • Tungsten
  • League Gothic