The Purple Pen

UI/UX Designer
I helped The Purple Pen flesh out a system that would give teachers and students a tool to create personal lessons based on authentic learning principles.

The Purple Pen

This project all started when my high school teacher contacted me about asking me a couple questions about my profession. Turned out he had a project that needed alot of design work. And it couldn't have been one that I believed in more, being a product of the CPS system myself, but no one knew it more than Barry, having taught in some of the best, and worst schools across Chicago. Barry and a group of supporters wanted to revolutionize the way children are taught, by giving parents and teachers the ability to create their own lesson plans and learning criteria that align to the Common Core State Standards, but are more tailored to the needs of an individual learner.

The guiding principles TPP believed in, finding the optimal education experience by balancing authentic learning based on common standards and assessments.

The kickoff

The Purple Pen group had been working on the product for over a year, developing their own assets and methods of documentation. There were even some fully articulated interface designs (image above)of some of the applications key dashboards and page views. I began starting to Barry more about the problem they faced, the common methods being used currently and the ideal process an educator would have. I realized in order to help them I need to get a higher level view of the process in order to get a better grasp of the product.
Getting caught up
The only place the entire flow had been documented was through a series of excel sheets and text documents.
Splitting priorities
After multiple rounds of feedback we were able to agree on three different product flows that would encapsulate the entire product they envisioned.
The wizard
A lot of the complexity for the project was contained in the curriculum wizard, a long series of selections and options to customize your result.
The Purple Pen team was ready to start building out the product. In order to provide some guidance on the initial screens I created a style guide and pattern library that we could all reference and eventually add too.
With the pattern library was able to quickly redesign all the screens they originally created and begin to work on new functionality. With the whole flow in high fidelity and readily available for a prototype I was able to start focusing in on the complexity within each step of the process.
Constant feedback loop
As soon as I would develop a new flow or complex selection sequence I would share the prototype on Invision allowing our whole team to test and approve the functionality.
InVision prototype example
The prototypes allowed us to quickly test different controls and patterns to address the same problem. I could diagnose issues before they happened and make adjustments based on scenarios I hadn't addressed or planned for.
Opportune branding
When I first began working with TPP I was told repeatedly how important our brand was, how important it was that the users were well aware of us. Which was the reason early on they decided they wanted every single control to be the logo symbol. From checkboxes to radios, they even represented arrows, the logo was being heavily overused.
Original selection controls.
After initial pushback from TPP advisory group, I was able to convince them there were better opportunities to use our logo, and that for accessibility sake, we should stick to standard controls. And thankfully I found a perfect opportunity to use the branding with a few selection controls we use throughout the process to set a value.
I was able to help The Purple Pen deliver an application they could fully demo and present, completely showing the new tools ability to complete an entire lesson plan. TPP recently won an award of innovation from Reimagine Education in the education space and is currently looking for investors.Reimagine Education Award
Other Projects