Ahoy there! I’m Jim.

CTZN is a social app that encourages volunteers to share stories with each other. We built it to help non-profit organizations grow and get the support they need, by becoming more visible to the public.

During the project I worked closely with our designer, Aldo, to express feature ideas as web prototypes. From these we created a web application, a stories page, and a promotional web site. We continually reworked these as new features and ideas came about. In the process, I made a pattern library so the team could easily find the latest designs and HTML to copy for new features.

My role also involved facilitating design discussions, getting sign-off from decision-makers, creating HTML emails, designing responsive layouts for the stories pages, writing production-quality HTML, CSS and JavaScript for the promotional web site, the channels and the web application, testing for accessibility and browser/device compatibility, fine-tuning the code for better performance, and integrating the HTML with client-side and server-side templates. (We used Knockout and Sinatra.)

Visit the project

CTZN promotional web site
Storytelling tools for changemakers
Made for and by communities
Stories, Milk + Bookies

Crew

Community

Design

Aldo Puicon

Engineering (Android)

Chan Nguyen

Engineering (iOS)

Jolie Risken

Engineering (Web)

Engineering (Testing)

Esha Shah

Strategy

Craig Ogg

Systems Architecture

The CTZN team sporting their official t-shirts
The CTZN team sporting their official t-shirts

Tools we used

User Interface

Web Server

Workflow

Web Hosting

Amazon Web Services