Home
About Me
About Me

Hi, I’m Mike.

Front-end developer and graphic designer.

I create cool user interfaces for responsive web sites and JavaScript web applications.

I build web technologies in multiple tools including, but not limited to, React, Angular, WordPress, Drupal, Sitecore and SCA.

Nice to meet you!

CFA Institute

CFA Institute:

Front End Development and User Interface Design

The challenge 

The Global Non Profit company wanted to develop a modern eCommerce Front-end for purchasing and renewing memberships. The non-profit’s former website was built using outdated technology, and the company wanted an eCommerce store front built as a modern Single Page Application in React with WCAG requirements and accessibility standards in mind.

­How I helped 

Membership eCommerce User Interface showing error state handling.

With a focus on accessibility, modern web standards and adherence to an established design system, our team began with Proof of Concepts using the non-profit’s preexisting pattern library.

Once assumptions had been validated with key stakeholders through demonstrations, our team was able to rapidly iterate through build and test cycles. This rapid iteration process allowed our client to make flexible application design decisions through the project’s lifecycle.

Membership eCommerce payment User Interface showing AliPay integration.

Now in production, the application has resulted in a large increase in purchases and membership renewals.

Capabilities delivered

  • Built React Proof of Concepts for User Experience team to evaluate functionality.
  • Developed Project plans and built cycle estimates.
  • Component Development and Testing for a leaner Single Page Application.
  • Post Launch Support for Single Page Application and Backend Productions Issues.
  • Technical Lead oversight of groups of 3-4 Front-end Developers. 
  • Provided a wide range of Front-end Technical Support including but not limited to Javascript/React Application development, HTML/SASS Layout and Styling and Information Architecture. 
  • Regularly performed Code Reviews to ensure code quality and consistency.

Michael Hudson. Solution Engineer. Front End Developer

The American College of Financial Services

The American College of Finance

Front End Development


The challenge 

The large financial education company wanted Drupal Front-end assistance with a Website overhaul. Seeking to simplify their registration experience with a modern Front-end Application and new Drupal CMS/Publishing tool, they sought to create educational content and a modern eCommere course purchasing journey.

­How I helped 

With a focus on a simplified user interface, modern web standards and responsive web framework usability, my team and I created a Front-end System with Twig, JavaScript and PHP built on top of Drupal 8.

Created using the Foundation front-end framework and the jQuery Module pattern, these websites were built modularly with a focus towards maintenance, performance and simplicity.

The American College of Finance full page layout consist of multiple drupal modules and display templates.

The idea was to create a reusable front-end pattern which could be leveraged by offshore developers when brand updates were needed.

Capabilities delivered

  • Drupal 8 template and SASS development using Twig and Grunt.
  • React Component Development. JavaScript.
  • Proof of Concept Development and Design Services for User Experience research.

Michael Hudson. Solution Engineer. Front End Developer

NBCU Now Intranet

NBC Universal Intranet

Front-end Development

The challenge

The Fortune 500 global Media and Entertainment company wanted assistance with a major digital transformation, seeking to create their workplace of the future on a new CMS/Publishing tool to address internal challenges around connecting people, searching for relevant content and accessibility of corporate information, particularly on mobile devices.

With a focus on a responsive – mobile first methodology I created a Front-end system with modern web standards that was both performant and scalable.

NBCU Intranet main page

Amgen mobile menu

­How I helped 

Through demonstrations with Business stakeholders our team was able to address design and development problems collaboratively with the client.

Now in production, the application is used internally by Comcast employees as a fun, modern way to interact with the media company’s employee information.

Capabilities delivered 

  • Built Angular Component Proof of Concepts for User Experience team to evaluate functionality.
  • Implemented user experience and front-end development services.
  • Developed application.
  • Developed Mobile application services on SAP Hana Cloud Platform. 
  • Created Engaging employee-centric intranet experience with enhanced mobile-friendly connectivity tools for NBCU employees.
  • Organized a seamless window into multiple applications through a single interface
  • Produced best practices and delivery of best-in-class digital solutions including expedited page rendering times and more engaging user experiences
  • Generated Unit Test and Acceptance Test to ensure code consistency.

Michael Hudson. Solution Engineer. Front-end Developer

Amgen

Amgen.com

Front-end Development

The challenge

As one of the world’s largest, independent biotechnology firms, Amgen was looking to reduce the costs associated with producing and hosting hundreds of product and organizational websites across multiple platforms and technologies.

They also expressed the need for the creation of a core component library that could be leveraged to enable common functionality for multiple websites and a change in management process to enable the organization to adopt the new platform standards.

Amgen mobile menu

Amgen mobile menu

­How I helped 

Working closely with Amgen and my company’s .Net team, I worked to create fully responsive, cross platform rebranded websites across the Amgen digital ecosystem.

These websites were created using the Foundation Front-end framework and the jQuery Module pattern to create custom modules of functionality.

Responsive interactions were tested using the ghostlab device tool set.

Capabilities delivered 

  • Front-end technical lead and Designer.
  • JavaScript Development.
  • Proof of Concept development.
  • Level of effort estimates and development direction to the client in the form of Design iterations.

Michael Hudson. Solution Engineer. Front-end Developer

Shaw Business

Shaw Business

Front End Development


The challenge 

The Media and Entertainment company wanted assistance with a major redesign initiative, seeking to create brand consistency and a visual udpate using modern Microsoft Stack CMS/Publishing tools.

Shaw business sought to address challenges around publishing content across their marketing websites and modernize their front-end to account for mobile device usage.

­How I helped 

Working closely together with Shaw Business and my company’s .Net team I created fully responsive, cross platform rebranded websites across the Shaw Business platform.

Created using the Foundation front-end framework and the jQuery Module pattern, these websites were built modularly with a focus towards maintenance, performance and simplicity.

Business.ca header navigation, hero image module and contextual content.

The idea was to create a reusable front-end pattern which could be leveraged by offshore developers when brand updates were needed.

Capabilities delivered

  • User experience and frontend development implementation services
  • HTML/JS/CSS/SASS Development

Michael Hudson. Solution Engineer. Front End Developer

Institute for Integrated Nutrition

Institute for Integrated Nutrition

User Interface Design

The challenge

The existing IIN online training platform was an unintuitive, disjointed collection of interfaces, which could not power a mobile-friendly experience.

IIN’s staff found the process of maintaining courses and curriculum to be manual and time-consuming; they experienced long wait times to make enhancements due to the system’s fragility.

Inconsistent visual branding and the need for multiple systems to complete the program (desktop or laptop as well as an iOS device, preferably an iPad) added to the challenges that existed for the student experience.

IIN course filters

Main IIN course information display, showing filters

­How I helped 

I worked closely with IIN’s Education and Technology groups to successfully deliver a mobile-first, responsive,  cross platform, intuitive education platform. 

The new solution would address several challenges including: a unified student experience, cross platform support, automation of common processes and a software architecture updated to current standards.

Capabilities delivered 

  • Designer-created User Interfaces for a Health Tracking Application with multiple Client Facing Views.
  • Designer-created Application User Experience Flow designs.
  • Designer-created Wireframes and High Fidelity Mock-ups
  • Worked with business stakeholders to finalize aesthetic decisions.

Michael Hudson. Solution Engineer. Designer

Michael Hudson. Front-end Developer. hudsonandtask LLC