Paid Content

With paid content sweeping the newspaper industry, the Scripps UX team settled in to create the best features for which users would want to pay. After brainstorming sessions, I worked with another teammate to create a set of wireframes to visualize a select group of features and the registration flow.

Commercial Appeal/VCStar blogs

In 2009, while working for The Commercial Appeal, I was tasked with migrating their blog network from WordPress to MovableType. I worked with our designer to create the design and then created the templates and styles. VCStar.com asked if they could use these templates, and I installed the set for them and showed their front-end developer how they worked.

Paid Content

With paid content sweeping the newspaper industry, the Scripps UX team settled in to create the best features for which users would want to pay. After brainstorming sessions, I worked with another teammate to create a set of wireframes to visualize a select group of features and the registration flow.

Visualizing Vendor Complexity

When presented with an overly complex vendor solution to a paid-content model and a disparate group of stake holders, I created a user flow to easily underscore the problems with the solution and show three possible resolutions.

Game Dynamics

I created a jQuery library to interface with BunchBall, a gamification company, and create interactive visuals for the project. Much of what was designed was not readily possible with BunchBall's default API.

The library can be viewed here.

• 	leaderboardToday: function(data, token) {
  
  	if(data.Nitro.leaders.Leader) {
  
  		var leaders = data.Nitro.leaders.Leader;
  		var leaderString = "";
  		if (typeof leaders.length == "undefined") {
  			leaders = [leaders];
  		}
  
  		$.each(leaders, function(key, leader) {
  			var leaderRank = key + 1;
  			leaderString += "<li><span class='leaderRank'>" + leaderRank + ".</span><span class='leaderId'><a href='/users/" + leader.userId + "/'>" + leader.userId + "</a></span><span class='leaderPoints'>" + leader.points + " points</span></li>";
  		});
  		$("#community_leaders_today").html(leaderString);
  	} else {
  		$("#community_leaders_today").html("<p>Today's leaderboard is still wide open!</p>")
  	}
  	},
  
  	leaderboardWeek: function(data, token) {
  	if(data.Nitro.leaders.Leader) {
  		var leaders = data.Nitro.leaders.Leader;
  		var leaderString = "";
  		if (typeof leaders.length == "undefined") {
  			leaders = [leaders];
  		}
  
  		$.each(leaders, function(key, leader) {
  			var leaderRank = key + 1,
  			leaderUrl = leader.userId.toLowerCase();
  			leaderString += "<li><span class='leaderRank'>" + leaderRank + ".</span><span class='leaderId'><a href='/users/" + leader.userId + "/'>" + leader.userId + "</a></span><span class='leaderPoints'>" + leader.points + " points</span></li>";
  		});
  		$("#community_leaders_week").html(leaderString);
  	}
  	}