Hi, I’m CJ. I build web-app front-ends and
user interface component frameworks, and I love
great design. Here are some things I’ve built.
Smaato UI Framework
I lead the development of this React-based UI Framework to help my engineering team migrate from Angular to React. The components and services in this framework make it a snap to quickly build new applications and piece together new user experiences, and also guarantee a consistent look-and-feel throughout our apps. As an added bonus, this framework contains its own unit tests, which reduces testing time for consuming apps and provides the view layer with a high default level of test coverage.
Warning: work in progress! This is a demo app built with a React UI
component library that I’m developing. You can
click a button to pre-populate the table and interact with some form
components. I plan on open-sourcing the framework after I flesh it out.
Ubiquiti CSS Framework
I was the lead architect and maintainer for the internal CSS framework
. I built this examples
site in Angular 1.0 to demonstrate the UI components in the framework,
complete with documentation
and a source code viewer. This site was originally
intended to be used primarily by engineers, but the design team also
found it to be a useful reference when they were designing mockups.
Take Buffett’s Billion
My friend Damien Sutevski
and I tried to game Warren Buffett’s 2014 March
Madness bet with the public. Kinda goofy but it attracted 21,000
on Nate Silver’s blog, fivethirtyeight.
The biggest challenge
of this project was designing a bracket visualization system that
was responsive down to tablet and mobile.
Neon marketing site
I had the honor of designing and developing Neon’s
marketing site when they were pre-round A. Shortly after
the launch of their site they raised a $4.1MM round to support their
mission of automating the video thumbnail selection process. This project
required an HTML5 video player with a custom UI, which I really enjoyed designing and building.
While working at Left Field Labs
I directed this project for a
multi-corporation alliance which was lead by Google. The design and
beautiful artwork was executed by Heather Penn
My favorite part of this
project was creating SVG animations out of her illustrations.
Google Crisis Response Public Alerts
This is another project I built while working at
Left Field Labs
, again for
Google. The main challenge of this project was designing it to be
responsibe down to mobile devices, especially the disaster frequency
data visualization, which involved both bar charts and maps. I also had
some fun doing some WebGL prototyping with the uber-talented
Loom SDK documentation
I worked closely with the
to design and develop
the templates and styles for their game engine documentation. I had
a lot of fun writing the algorithm that builds the nested navigation in
the side bar.
I created an LLC and built this social game in Flash around the time
Zynga was eating everyone’s lunch. At its height, the game was
attracting about 1K MAU... not so good, but it was still
a heck of a lot of fun (and hard work) to make. As part of
this project, I designed a high-performance blitting system
that enabled a fast frame-rate and mouse interaction.
Wieden+Kennedy Tokyo site
When I was younger, I really wanted to work somewhere overseas. I had
my sights set on Japan, so I contacted a few companies, set up interviews,
and landed a 2-month gig at Wieden+Kennedy’s Tokyo branch.
While I was there I lead development and participated in the design of
their new Flash website (which has since been upgraded to HTML5 and JS).
I had a great time working on this with
My favorite part of this project was that I got to implement a flocking
algo on the home page.
Programmatic visual effects work (previous career)
After college, I got my start working as a “creative coder”,
using C/C++ and OpenGL to create programmatic visual effects, animations,
and data visualizations for commercials, before I transitioned into
web development and focused on UI/UX. This is my portfolio site from back
in those days. Watch out, it’s in Flash!