Human-centered design


I’m Nick Cox, a front-end developer and designer from Seattle, WA. I use clean design & elegant code to build intuitive websites for real people.


Recent Work

The Seattle School Annual Report

To celebrate a banner year, The Seattle School needed an annual report that adaquately refelected the institutional growth that occurred in 2011. The brief also included support for mobile devices, particularly Android, iPad, and iPhone.

Project Roles
  • Design
  • HTML5/CSS3/JavaScript
  • Mobile strategy
  • User testing

Launch Site

(Swipe to change slides.)


// Function for loading images only on desktop to save mobile bandwidth, improve speed

$(document).ready(function() {

	var imgPath = '_/img/';
	
	var $winWidth = $(window).width();
	
	var $indexSection = $('.index-section p img');
	
	// Only execute the function on mobile screens, i.e., less than 480px	
	
	if ( $winWidth <= 480 ) {
		$indexSection.attr('src','');		 // For bandwidth considerations, don't load images
		$indexSection.css('display','none'); // Hide the whole div so user doesn't just see an empty box
	} else {
		var imgSrc =  	[ "keith-index.jpg", "derek-mcneil-video-index.jpg", "pie-chart.png", "building.jpg" ];	// Get the image names
		var urlHref =	[ "keith-letter", "academics", "financials", "honor-roll" ]; 		// Get url path
			
		$indexSection.each(function(value){
			$(this).attr('src',imgPath + imgSrc[value]);  
			$(this).attr('href', urlHref[value]);	// Add src and href attributes
			$(this).click(function(){
				document.location.href = urlHref[value];	// Go to href on click
			});
		});
	}
});

									

Study in the USA Web App

Study in the USA, a site that pairs international students with US universities, proposed a redesign. With nearly 500,000 unique visitors per month and support for 12 languages, this large scale web app leveraged state-of-the-art web technologies to attract new visitors.

Project Roles
  • HTML5/CSS3/JavaScript
  • Language localization styling

Launch Site

(Swipe to change slides.)


Archetype: Native iPhone App

I needed a typographic reference, so, with the help of my friend Matt Yow, I decided to develop a simple, minimal type encyclopedia for the iPhone. Archetype is currently in private beta.

Project Roles
  • Concept
  • HTML5/CSS3/jQueryMobile/JavaScript
  • Art direction
  • Responsive layout microsite

(Swipe to change slides.)


// Make the letters on the letter menu link to their respective anatomy pages

$(function(){
	$('.letter-link').click(function(){
		var letter = $(this).text();								// Get the text of the letter

		if ( $(this).hasClass('lc') ) {
			$.mobile.changePage('diagrams/' + letter + '-lc.html');	// If the letter is uppercase, go to the -lc (lowercase) page.
		} else {
			$.mobile.changePage('diagrams/' + letter + '-uc.html');	// Otherwise, go to the uppercase page
		}
		
	});
});

									

The Allender Center Website

The Allender Center needed a website that was simple and easy to update for staff with no knowledge of HTML. I wireframed the design in Balsamiq. Once the mockup was iterated upon and approved, I designed and created a custom WordPress theme, as well as designing the site graphics and headers.

Project Roles
  • Site design
  • Custom WordPress theme
  • CSS3
  • Site Banners

Launch Site

(Swipe to change slides.)


Rooster Park Website

Local staffing and software development agency Rooster Park needed an extremely simple, yet eye-catching site to show off their development portfolio. I designed and coded the site in just under the 20-hour budget.

Project Roles
  • Site design
  • HTML5/CSS3
  • WordPress blog integration

Launch Site

(Swipe to change slides.)


Off the Radar Travel Site

New York Travel Show Off the Radar Travel sought a brand overhaul and web presence that were lively and colorful to match the tone of their program. They also required and social media integration and search engine optimization.

Project Roles
  • Site design
  • HTML/CSS
  • WordPress blog integration
  • Twitter integration

Launch Site

(Swipe to change slides.)


About

Nick Cox portrait Nick Cox portrait

I come to the craft of web development not from the world of computer science, but rather from the beautiful, messy world of the human mind; I earned a Master's Degree in Counseling Psychology earlier this year. I apply this intimate understanding of human emotion to my work in building interfaces with the needs of real people in mind.

Currently, I’m a freelance front-end developer, customer advocate for A Book Apart, and guest contributor to the blog at Typekit, one of the web’s foremost type delivery services. I live on a 30’ sailboat in Shilshole Marina in Seattle with my lovely wife and two cats.

Key Skills

  • HTML5
  • CSS3
  • JavaScript/jQuery
  • Adobe Creative Suite
  • Web Typography
  • WordPress
  • Clean, semantic code
  • Versioning (Git & SVN)

Contact

Get in touch

More info

Elsewhere

Send a message.

If you're a firm looking for a front-end developer and/or designer, or a potential client in need of web services, please fill out the form below; I’d love to hear from you!




Top

© 2012 Nick Cox