Writopia Lab

IA, UI/UX, Web Design & Template Development

The Problem.

Writopia Lab is a 501(c)3 non-profit organization founded in New York City in April of 2007. Writopia Lab runs creative writing workshops for kids ages 6 to 18. Workshops have a maximum of six students and are led by a published writer who has been fully trained by Writopia Lab’s time-tested methodology. In each of the past three years, more kids from Writopia Lab have been recognized on both the regional and national levels by the Scholastic Art & Writing Awards than from any other school in the nation.

Writopia Lab was approached me to do a complete redesign of their website. Their current website was stale and they felt the design of the site was doing more harm than good. Having worked with project lead Jeremy Wallace before, current Secretary at Writopia Lab, there was already complete trust between us that I could deliver a budget friendly refresh to the site, ultimately leading to a bigger student base.

The Solution.

A modern site design with bold impact focusing on educating users about their programs and events. We worked together to come up with the information architecture and content plan. Instead of creating static wireframes for the homepage and a couple of internal pages, I decided to jump right into HTML / CSS prototypes instead. This allowed me to start the front-end development process earlier and allowed something living and breathing that would showcase usability from start. I initially came up with 2 design approaches and then built and developed the initial site, with dummy content and some pre built pages using the Joomla! 3.2 CMS. Since my role in the project was just web design and template development, I built the custom Joomla! template on the T3 framework, leaving the site content build-out up to Writopia Lab.

My Role.

  • Art Direction
  • Information Architecture
  • UI/UX Design
  • Web Design
  • Interaction Design
  • Front-End Development
  • Joomla! Template Development
  • T3 Framework
  • HTML / CSS / Javascript
  • Joomla! 3.2 CMS

Home Page (Desktop)

writopialab-homepage.png writopialab-homepagehover.png

Content Page (Desktop)

writopialab-content.png writopialab-contenthover.png

Style Guide (Desktop)



The new site hasn’t been released yet. Client is currently building out content and implementing additional features that weren’t part of my scope of work.

Interested in working together or just want to say hello?

Let's Talk! I don't bite, but I throw killer combos.