Year
Project
Client
Service

Lucky Day came to us with an interesting challenge—how to represent their portfolio of work, while foregrounding the influence of their roster of editors. Projects had to exist at the intersection of flexible, expert post-production management and brilliant individual talent, so we set up a system where editors (and other partners) exist as a top-level organizational unit.

The roster is growing, and we've already begun to talk about how we can apply the pattern to other facets of their post-production universe.

A joint effort between three organizations, the Shade Catalog is the culmination of an ambitious, global scientific research project.

Like the Variety Catalog we worked on with World Coffee Research, The Shade Catalog is a resource for farmers and professionals, helping them to develop suitable and sustainable agronomic systems on their coffee farms by supplementing shade trees.

The application supports extensions into new regions and languages, guided search for species, and is able to generate printable PDF catalogs from the database, which—also like the Variety Catalog—makes sure the information can be distributed to people without an internet connection.

In the Summer of 2020, Aimee’s New York-based landscape and botanical design consultancy was getting ready to be bi-coastal. We teamed up with designer Sarah Baugh to launch a new version of her website, supporting much deeper case studies, and workshops—another ambitious extension to the business.

Black Ambition was our first project within the YELLOW umbrella. We began with a single-page site announcing a pair of prizes for minority founders, and stayed on to evolve the platform throughout the application and selection process—eventually delivering a platform that can host and document the program every year.

Jason approached us after watching the rollout of OH no's type sales platform in 2017. He’d already figured out a good deal of the site’s architecture and design, but needed help with the functional underpinnings.

In the process, we learned few new ways of handling estimation, family pricing, security, and other logical aspects that helped exceed our performance expectations, and deliver what we believe is a smart and mature platform. We continue to improve and expand the application—for instance, adding support for Jason’s pre-release fonts and other downloadable resources.

As Pharrell says, YELLOW is “a warning sign that the resources necessary to help children thrive are not always distributed evenly across the educational opportunities of each generation.”

We built oof. around a few simple principles, and expanding the access to opportunity was among them—so we were thrilled to have the chance to help YELLOW find a home on the web, and watch them roll out their vision for a more equitable kind of investment in our youth.

Bower upended many of our assumptions about the kind of performance we could expect while running concurrent, dynamic animations, without defaulting to a flat video rendering.

We developed a suite of custom triggers and attributes for managing animations throughout the site—which allowed us to how and when content would become visible, in one context.

Our oldest partner Brave New Day (and their client, The Green Cities Company) asked us to rebuild one of our first websites. The sharp design was brought to life with elegant build effects and scroll-based animations.

Xavier has since been used as a foundation for multiple other websites in the same family of properties, while still supporting a wide variety of branding systems.

Two-Up produces some of the world's favorite media. In tandem with the debut of their Facebook TV adaptation of the massively popular Limetown podcast, Two-Up needed a new digital home for the breadth of media they'd come to produce.

We designed and built a rich (but tidy) platform for them to publish new stories about their projects, sell merchandise, and engage directly with their most familiar medium, audio.

Since inception in 2012, Design Portland has had many forms. For the 2019 Festival, the team wanted to fundamentally rethink the role of the web platform and deepen community engagement with programming.

We rebuilt the app from the ground up on Craft, leveraging its broad extensibility to support event submission, moderation, direct ticket sales, automatic organizer payouts, attendee communication, and a new membership model.

A strong technical foundation allowed us to pivot in response to the COVID-19 pandemic, and put on an entirely virtual Festival, for the first time.

Since we built the original site in 2016, Upper Left Roasters has broadened their offerings and expanded to a second location.

The new platform has been reimagined with a focus on commerce—in addition to their bagged coffee and goods, we designed and built their coffee subscription service, allowing customers to receive their favorite coffee on a recurring schedule.

Revery is Portland's preeminent, global creative content outfit.

After an initial partnership with Nelson Cash—in which we produced a brand announcement site—we spun off a second phase to build a robust editorial platform that gave Revery the freedom to publish deep case studies with virtually unlimited layouts. The nature of Revery's work (spanning original films, TV spots, instructional content, and other branded still and moving media) demanded a truly flexible system for authoring and organizing these case studies.

We worked with James Edmondson, “janitor” at OH no Type Company, to build a custom portfolio website and type sales platform. Despite ecommerce being a traditionally numbers-driven discipline, we had an opportunity to work fluidly, talk candidly, and deliver something hugely personal and vital.

The site launch coincided with the debut of the Beastly, Blazeface, and Covik Sans families.

Soundset is an annual, independent hip hop music festival in Minneapolis, Minnesota. Our friends at Rhymesayers wanted to modernize the way they rolled out information about the festival, so we helped design and build a new website, focused on unique experiences before, during, and after the event.

Second Sight is an online-only women’s boutique that celebrates inclusive sizing by making small runs of bespoke garments, in monthly “Editions.” We partnered with GrandArmy, a New York-based brand studio, to develop Second Sight’s online shop.

The Omni-Possibility Author is an interactive piece exploring how artists describe themselves. Initial concepts and language were brought to us by Adam Garcia of The Pressure, and we helped bring it to life as an open source website.

We The People Are Powerful: A Visual Guide to Understanding your Civic Liberties is a resource for citizens, helping them become more actively engaged within their local communities. While the original zine was created to serve the greater Portland area, the website is a growing resource—useful to anyone, regardless of city or state. Benjamin now has a place to add and update chapters on-the-fly, and publish community-contributed resources.

A24 is an independent entertainment company based in New York City. In collaboration with their design partner, GrandArmy, we helped transition A24 to a modern content management system as well as helped them build an online shop and a new editorial platform.

Ubuntu Pathways is a non-profit organization that provides holistic support to the community of Port Elizabeth, South Africa. In tandem with the launch of their new name and brand, we built them a new web platform in collaboration with the New York-based brand agency, GrandArmy.

Revery is a creative content studio based in Portland, Oregon. We partnered with Nelson Cash to build a mini-site to announce their new name and look. Their full site is scheduled to launch in Fall, 2018.

We've created a wide variety of print and digital deliverables for an ongoing, multi-city live podcast recording tour.

Our largest endeavor was developing a custom photo booth experience which led attendees through a professional photo stage, photo selection and annotation (via a custom web application, running on a collection of iPads), which ultimately revealed a map-based visualization of the submissions at the conclusion of the recording.

  • Participants wrote out their entrepreneurial aspirations on dry erase boards and had their photograph taken.

  • After taking their photo, attendees got to annotate their portrait on one of the iPads.

    Their photo was then added to a digital map, and revealed to the audience at the end of the recording.

  • We contracted our studiomate Cielle Charron to help us with a custom animation for the marquee at the SVA Theatre in NYC.

oof. is just the two of us—but we're part of a creative co-working space called Same Page Studio. Same Page existed long before we were members, but had never had a home on the internet, so with our studio-mates Cielle Charron and Michelle Leigh, we designed and launched an informational landing page for us… and any future members!

Psst! We have two desks available, starting December 11.

Rhymesayers is a hip-hop record label from Minneapolis, Minnesota. We partnered with The Pressure to design and develop a new platform to showcase their deep roster of musicians, and over two decades of releases, news, and events.

Since, we've extended the site with flexible publishing tools, which lets editors draw together assets from their virtually bottomless well of multimedia to create fresh, compelling stories for listeners.

Initially created for a show at Portland’s Compound Gallery, our Space Poster series continues to grow. ✨

The series is where our interests in information design, production, and the natural universe intersect. A fourth poster is in the works.

If you would like to purchase a Space Poster, just email us—we sell digital files that can be printed on any laser plotter, and fit in a standard IKEA frame. $15 for a single file, or all three for $40.

  • At the height of the Space Race and with the manned moon landing only a few years out, the need for international space law became evident. The Space Treaty represents the basic legal framework, stating that the moon and other celestial bodies should only be used for peaceful purposes, that no country can claim ownership of any planet or celestial resource, and that any exploration of outer space shall be done to benefit all countries.

  • The Solar System is the second in our poster series. It’s impossible to accurately represent the scale of our solar system in 12 sq. ft., but we hope we’ve successfully illustrated the expansiveness of our little corner of the universe.

  • The third installment in our space poster series, we turn our gaze to Earth’s only natural satellite. This photo was taken from Apollo 15 on its trip back to Earth.

Upper Left Roasters is a beautiful café and roastery in the Ladd’s Addition neighborhood of Portland. We partnered with The Pressure to bring Upper Left’s brand (and the look and feel of their space) to the web. The result was a fun, irreverent design—including a proposal to uniquely position photos for each visitor.

We also built the first iteration of their online shop (prior to their current Shopify site), and are currently working on a new, consolidated version of their sales + information platform.

Launched in collaboration with Brave New Day, Portland Streetcar's new platform is a combination of a deep, diverse body of content and data. Unique accessibility and management requirements, made this a truly rewarding and challenging project.

World Coffee Research is a non-profit committed to growing, protecting, and diversifying global coffee agriculture, while improving the livelihoods of the people who produce it.

We've worked on a number of print and digital projects for WCR, but this interactive variety catalog is our most ambitious collaboration to date. Behind-the-scenes, the Variety Catalog is a repository of varietal data, used to populate the website, as well as generate printable PDFs for use offline.

World Coffee Research’s Sensory Lexicon is a tool for understanding and measuring coffee’s flavors and aromas.

We helped WCR's communications director synthesize raw research output into a carefully-structured and maintainable document, ready for publication in print and online.

  • With this project, we were provided a huge amount of quantitative and qualitative data, so balancing design with maintainability was key to the project. A streamlined table-based system was implemented to keep formatting automatic and predictable.

  • In addition to the typographic content of the Lexicon, we developed a series of supporting icons for use throughout the final document.

Tola is a suite of technology products incubated at Mercy Corps, built to collect and analyze data generated by their various initiatives around the world. We were asked to develop a brand system and website framework for the evolving ecosystem of tools.

At the time, everyone at Tola was an engineer—they were adamant about avoiding additional infrastructure for marketing materials, so we provided a suite of easily updatable static site templates (driven by Markdown files) that could be edited and published via GitHub Pages.

  • Tola is the Pashto word for “complete”.

  • Made up of three platforms with a roadmap for expansion based on clients’ usage—they needed a flexible brand that could grow with them as they release new products.

  • Alongside the core wordmark, we developed a branding system focused on type, color, and iconography. Additional illustrations were created to be used in diagrams and presentations to illuminate typical workflows for clients.

  • We also created a series of modular, elastic product sites that could be used as a framework to build additional sites as their services expand.

ScriptEd is a New York-based non-profit that makes technology education available to underserved high school students. Their charter to create access to careers in technology has been near and dear to us, from the moment they first approached us. We have been lucky to collaborate with ScriptEd for a number of years on a variety of print and digital projects.

  • Only minor changes were required to set the stage for their future brand assets and website. The new wordmark is largely based on a simple programming command prompt.

  • Along with fresh, bright colors, bold image treatments, and energetic iconography, our revamp captures and modernizes the spirit and joviality of their existing identity.

  • We expanded the ScriptEd visual language into a number of print materials including annual reports.

    The website, launched in 2014, has remained a powerful communication tool for ScriptEd.

Haptik: Normal
Haptik: Italic
Haptik: Heavy
Haptik: Heavy Italic
Haptik: Rotalic
Haptik: Heavy Rotalic
Covik Sans Mono: Normal
Covik Sans Mono: Medium