John Nguyen

Making Interfaces Impactful


I believe the best way to improve the World Wide Web is by building quality websites and applications that are engaging while providing great user experiences. I build projects using the latest workflows, technologies, and standards to make faster, better, and well-designed sites — finding solutions that last.


Whether your website or application need to be designed for smartphones, tablets or desktop/laptop computers, I have experience in coding responsive web design work and creating layouts that cater to specific platforms.

And throughout my career, I've learned to be a great team member – committed to helping clients realize their full web project's potential. The best thing I can do is make businesses perform better.

Delve Deeper

Get to know me!


My goal is to obtain knowledge about the latest web technology to keep pace with the latest trends. Below, you'll find descriptions of my varied skills.

  • HTML
  • CSS
  • JavaScript
  • Design
  • Workflow
  • Teamwork


I have mastered the inputting of angle brackets into text editors. Since the introduction of Netscape's <blink> tag, I have been typing HTML tags in a clean manner. Currently, I am using the HTML5 semantic elements to properly manage the structure of a webpage. In addition, I use Sublime Text's HTML Tidy extension quite regularly to make my markup code easily readable for other developers, designers and project managers.

Tools: HTML5 and HTML Tidy


I religiously check to determine which web browsers could render certain CSS3 and HTML5 code. The Sass CSS pre-processor is used to manage my CSS code these days. Sass's ability to create variables, nesting code, and developing mixins – which makes it an essential tool in my workflow.

Tools: CSS3 and Sass/Compass


I know the concepts of object oriented programming and Asynchronous Module Definition. I also include comments within the JavaScript code for other developers. Lastly, JSON is my preferred method to store data objects.

Tools: JavaScript, jQuery, Handlebars.js, Express/Hogan, Require.js, and JSON


I'm a graphic design geek, too. Since my high school days, Adobe Photoshop is my preferred raster graphics application to slice and dice graphics from compositions created by art directors or myself. The popular web image formats JPG, PNG, GIF, and SVG have their own strengths, weaknesses and purposes. I meticulously pick certain image formats in order to make the web page look sharp but also load quickly.

Tools: Adobe Photoshop and Illustrator

Dev Workflow

My front-end web development work environment is a Mac laptop with Node.js installed. The Node.js-based application Grunt task runner handles my automated tasks like minified files. Alongside with Grunt, I use Bower to handle the web front-end libraries such as jQuery or Bootstrap.

Tools: Grunt, Bower, Unix CLI, PHP, and MySQL


I have worked on my projects that required multiple developers. I previously worked with SVN and Microsoft's Team Foundation Server for source control. However, I use Git as my main source control because the ubiquity and the easy flexibility to fork a project to start a new branch. I do have a GitHub account but it is mostly used to track open source projects updates and use as a webhost for this page.

Tools: Git, SVN, Team Foundation Server, Bugzilla, JIRA, and Slack


Since 2005, I have worked with clients from small businesses to large, well-known international organizations. Here are a few samples of my work.

BlueCross BlueShield of Tennessee

BlueCross BlueShield

I worked with one of Tennessee's major health insurance companies, BlueCross BlueShield of Tennessee. In order to prepare for the Affordable Care Act, my team and I redesigned the company's site to incorporate the new healthcare laws. I was part of the team that was in charge of developing the desktop and mobile versions of the site, incorporating front-end web components to its corporate content management system, and helping to troubleshoot CSS or JavaScript bugs for the client.

Visit BlueCross BlueShield of Tennessee



PackStack is a mobile phone startup company based in Austin, Texas. I was at the helm for their responsive web design site and for web design tips.

Visit PackStack

Mitsubishi Motors

Mitsubishi Motors

I was on the team that was responsible for maintaining and fixing CSS and JavaScript bugs for the newly created Mitsubishi's responsive web design site.

Visit Mitsubishi Motors NA

Thyssen Krupp Elevator

ThyssenKrupp Elevator

I was one of the lead front-end developers for the major elevator company's redesign website. I helped lead the development of the static web pages.

Visit ThyssenKrupp Elevator

Hilton Worldwide

Hilton Worldwide

From HTML emails to Facebook app updates to one-page parallax scrolling web pages, I worked on a wide variety of projects for Hilton hotel brands.