work /
Flux City
landscape architecture
urban design

A radically different way of approaching city design.

context /

Harvard Graduate School of Design - 2012

team /

Shanji Lee

Scott Liang

Flux City was an investigation of three key premises:

  1. What functional benefits can landscape architecture provide to a city?
  2. How can one organize a city from the "ground up" (literally)—that is, from landscape architecture principles first?
  3. In this vein, what entirely new way can one approach city-building?


Here, we introduce a multi-step system for remediating stormwater runoff through natural infrastructure (wetlands). The additional benefit of natural infrastructure, of course, is that it can be further enjoyed by both people and wildlife.

Parametric Development

A fanciful, yet fascinating approach to city-making: automated design derived from a catalog of parts that responds to a series of environmental inputs.


I then moved on to high-fidelity prototypes. I'd normally create low-fi interactive wireframes to test usability before this stage, but had to skip it due to time constraints. Nevertheless, here's a fleshed-out prototype for you to click through:

Below are the key screens for Khan Academy 2.0. The first three depict quality of life improvements for the Bookmarks, Course Contents, and Explore views. Notice how the tab bar has been reorganized and how Search has been moved to the Explore view.

Bookmarks, Course contents, and Explore

The next three screens depict a revamped Lessons view. Lessons now fly up from the bottom when the Resume button or Course list items are tapped. Under the About segemented control is a horizontal Course progression bar (I found this to be more useful than a list of video thumbnails, which are usually vague black rectangles, anyways). And underneath that is the transcript, which can be scrolled and tapped through with your thumb to navigate the video. The brand new Discussions segmented control provides Q&A functionality that is presently only available on the Khan Academy website.

The revamped Lessons view

Lastly, the following three screens depict a brand new Discussions view (for easy access to your questions and answers) and a tweaked Profile view. The added Streak element is well-suited for the short, spurt usage that Khan Academy 2.0 is redesigned to accommodate.

The new Discussions view and tweaked Profile

To view the interactive prototype, click here. I also translated it to Chinese here, but quickly realized its inadequacies due to how dramatically more information-dense written Chinese is.

Feedback Welcome!

That's all I could get done within the time allotment. But boy, was it a fun an enlightening experience. If you have any ideas or feedback, please feel free to reach out at I'd absolutely love to hear from you :). Cheers!