Design + Development
Collaboratory with focus
on branding, interactive,
editorial and spatial design.

New York

259 West 30th St, Floor 3
New York, NY 10001

T  +1 (212) 925-2099
F  +1 (917) 591-7129


Taman Dutamas C5 No.17
Jakarta 11460, Indonesia
T  +62 (21) 4013-1010
F  +62 (21) 564-9309

Selected Projects

Designers & Books Online Book Fair

The Online Book Fair combines the serendipity and spontaneity of browsing in a bookstore with granular search, sort, and filter capabilities. Included are books about architecture, fashion, graphic design, and all related design fields. We designed and developed a deceptively simple web-application that makes book browsing both enjoyable and informative, encouraging readers to discover and love more books.

  • Website + CMS + Web app
7 images


Exhibition design for desigNYC, a nonprofit that delivers the transformative power of design to nonprofits in New York by connecting them with local designers.

The title wall is made out of pegboards with rubber band typography. Each stretch of the rubber band signifies a connection between a nonprofit and a designer. Lightweight freestanding story walls were used to showcase each project, allowing us to easily rearrange the exhibit to fit any space.

  • Exhibition Design
8 images

1100 Architect

We designed and developed 1100 Architect's portfolio website to be responsive, accessible on desktop, tablets, and smartphones. Our design approach compliments the sensible yet unexpected aesthetics of 1100.

Behind this simple and highly accessible design, we built a robust Content Management System that allows 1100 to manage the website's content, in both English and German.

  • Bilingual
  • CMS
  • Responsive Website
4 images


In collaboration with a Rutgers University professor, we designed RISE to help conduct an NIH-funded research study on the effect of racism on the overall health of urban African Americans.

Posters were placed on bus shelters in Bed-Stuy, Brooklyn from July to December 2012. Every month, a new poster delivering stark facts about inequality in predominantly African American neighborhoods, as a means to raise consciousness and minimize negative health outcomes. We also created a tumblr site which helped summarize the research data in infographics.

  • Infographics
  • Poster Design
  • Website
8 images

Cornell University AAP

College of AAP (Architecture, Art and Planning) in Ithaca hosts a series of events and lectures throughout the year. We designed an oversized seasonal poster, featuring OMA's recently opened Milstein Hall. Smaller posters are distributed on campus to promote individual departmental events.

In March 2012, we created a logotype for the opening celebration of Milstein Hall, later applied on a series of postcards, brochures, invitations, and wayfinding posters during the event.

  • Branding
  • Brochure
  • holiday card
  • newsletter
  • Poster Design
9 images

Vilcek Foundation

Founded in 2000, The Vilcek Foundation aims to raise public awareness of the contributions of immigrants to the sciences, arts, and culture in the U.S. by hosting exhibitions and performances by immigrant artists, awarding the annual Vilcek Prizes, and sponsoring programs such as the Hawaii International Film Festival.

We designed a logotype for the Vilcek Prize gala, as well as the invitations, keepsake book, and opening animations for the gala dinner.

  • Event branding + collaterals
6 images

Designers & Books Website

Designers & Books advocates importance of books as sources of inspiration for creativity and innovation. What started as a website featuring book lists from esteemed designers, it now houses over 1,700 books aggregated from 150+ designers’ book lists and daily articles for those interested in books bout design.

We refreshed the user interface design on the homepage and throughout the website, allowing readers to browse and discover more content based on their interests.

  • UX design
  • Website & CMS
6 images


Tabélog — Tabé (eat) + Blog — is the most widely-used restaurant review website in Japan, popularized by reliable user-generated content.

For their first U.S. market in New York, we laid out a unique brand strategy. In contrast to the Japanese Tabélog, our design and user interface design emphasize beautiful, mouth-watering food photography uploaded by users and empower food bloggers as core users.

  • Front-End Development
  • UX design
5 images

Asia Week NY

Since its initiation in March 2009, Asia Week has been an annual citywide celebration of Asian art. 2013 marks the largest number of participating galleries since its inception.

We designed a responsive website that is easy to update and looks great on large screens as well as mobile phones. The website features google map location of participating dealers, auction houses, and museums. The Press section allows downloads of high-resolution images for immediate use.

  • CMS
  • Responsive Website
8 images


Conduit is an interdisciplinary 3D design and consultant studio with hands on and no hassle approach to design and fabrication. Conduit's projects in virtual or physical 3D space range from Cirque du Soleil, Lady Gaga, and exhibitions.

Branching off its logo, we designed a website that matches Conduit's efficient and precise aesthetics. Projects are shown large and optimized for fast-loading and best-viewing on all platforms, from large screens to smartphones. Some projects feature 360 viewing option and close-up zooms.

  • CMS
  • Responsive Website
8 images

Designers & Books Fair

The first Designers & Books Fair takes place in October 2012 at FIT Conference Center. It features esteemed publishers, booksellers and some of the most celebrated names in the world of design.

We designed the logotype and a set of printed collaterals to promote the Fair. We also developed a comprehensive yet elegant e-commerce website, fully integrated with a ticket scanner app that simplifies attendee management and expedites event check-in.

  • Branding
  • E-commerce
  • Event Website
6 images

Modern Green Home

Modern Green Home unifies modern and traditional architecture with the beauty of the Hamptons. They redefine home aesthetics in the area through innovative use of traditional materials combined with emerging technologies.

We designed the logotype and website optimized for full-screen viewing on desktops, laptops, tablets and smartphones using responsive methodology. It's very accessible and easy-to-share, reflecting Modern Green Home's cozy modern aesthetic. Projects are displayed as if browsing magazine covers, swipe-able on touch devices.

  • Branding
  • Responsive Website
8 images

JA+U E-Commerce

JA+U is a fusion of two magazines:
JA (Japan Architect) and a+u (Architecture+Urbanism) published by Shinkenchiku-sha, the definitive architectural publisher in Japan.

We designed the logotype and
e-commerce website, newly positioned for non-Japanese audience. The new website introduces daily features of the latest Japanese architecture and curated works from across the globe. The result is an iPad-friendly website that supports shopping carts in multiple currencies, fully integrated with existing inventory and fullfilment system.

  • Branding
  • E-commerce
  • Website & CMS
8 images

Japan Foundation

Since 2003, Performing Arts Japan has funded over 240 projects, in both traditional and contemporary Japanese performing arts through annual grant-giving.

We designed a Call for Entry that is simple yet striking through the use of large typography and fluorescent printing. Later we developed a GIF animation used on website and e-mail campaigns.

  • Event Flyer
5 images

Iron Trader

Identity and UX design for a German reality show whose first season ran in the Fall 2011. The logomark suggests the bold and competitive nature of this stock trading competition. With a final showdown in Wall Street, we created a visual vocabulary that combines the familiarity of stock trading, newsticker, mobile gaming and broadcast storytelling.

Designed as a transmedia experience, the iPad-friendly website is divided into 3 panels: Leaderboard, Episodes, Research.

  • Branding
  • Broadcast
  • UX design
7 images , 1 video

Build a Better Burb

This project started as a design competition which called for bold ideas from architects, urban designers, planners, and visionaries for the underutilized land in Long Island’s downtowns.

We transformed the Build a Better Burb website into a growing archive of case studies and resources that focus on four big ideas. The website engages a broader audience, including those in Long Island and countless regions in the United States facing similar challenges.

Award for Excellence in Historic Preservation, the Preservation League of New York State

  • Website
9 images

Get Palliative Care

GPC provides clear, comprehensive palliative care information for people coping with serious, complex illness.

We designed a logotype and branding system conveys comfort and partnerships of patient, family, and palliative care team through the use of colors, images, and icons/illustrations. We redesigned the website and revamped the backend using WordPress for ease of update. It features a large searchable database of palliative care providers across the states.

  • Branding
  • Website & CMS
7 images

eg Conference

Leading up to the inspiring conference’s Fifth Anniversary celebration in April 2011, we developed a new logo playing off the meaning of e.g. as an abbreviated form of exempli gratia or “for example.” The logo is encapsulated in a reflective spotlight like a staged presentation. The playful trading cards and event program feature illustrated portraits of the presenters in familiar paintings.

We developed a website and web app making the rich archive of presenters accessible and easy to share.

  • Branding
  • Program & Trading Cards
  • Social Media Campaign
  • Web App
  • Website & CMS
10 images , 1 video


Complete rebranding of EX-Sport, an Indonesian bag maker founded in 1956. In early 2010 we put in practice a yearlong plan that refreshes EX-Sport's brand image to remain competitive nationally and reach international market. The new logo is simple and lingua franca, allowing for a broad range of applications. The first retail store opened in February 2011, followed by dozens of new openings and renovations nationwide. New product developments based on our directions begun to hit the shelves in April 2011.

  • Branding
  • Environment Graphics
  • Packaging Design
  • product development
13 images

The Metropolitan
Museum of Art

We designed an exhibition catalogue for Guitar Heores: Legendary Craftsmen from italy to New York, a special exhibition at the Metropolitan Museum of Art. The typography, arranged as if strung vertically, decorates the cover and interior pages.

7 images

Princeton University
Art Museum

The museum is located at the heart of Princeton University campus, integral to the academic community and local town. We redesigned the museum’s magazine and later their logo, typography guildeines, campus banners, posters, annual report, brochures, gallery collateral, and mobile site for certain projects—bringing greater cohesion to the museum’s identity while staying true to its core mission.

  • Branding
  • Brochure
  • Environment Graphics
  • Mobile website
13 images


We created an online catalogue system for Sotheby’s auction house. The system allows Sotheby’s to publish catalogues quickly allowing users to examine objects in great detail. The catalogue was also distributed on USB cards for travelers without internet access. In 2010, we created a custom catalogue for the Collection of Patricia Kluge, an estate in Virginia. The catalogue showcases 900 lots, letting bidders experience exquisite objects in an immersive environment. The entire catalogue can be viewed as a checklist or downloaded as a high-resolution printable PDF.

  • Flash Application
  • Online Catalogue System
  • UX design
9 images

Type Directors Club 56 Exhibition

In 2010, we brought TDC56, the annual exhibition of the Type Directors Club, to Indonesia for the first time. Installed at a high-profile location, the exhibition showcased 242 winning works of typographic excellence from all over the world. We created an identity for the exhibition inspired by the folded paper of two-color origami turned into the national flag, which you can see in stop-motion on the website. The exhibition features a T-shaped pedestal with stacks of flyers displaying thumbnails of all winning works, a keepsake piece for visitors. Enthusiastic students volunteered to help install the exhibition.

  • Event Website
  • Exhibition Design
13 images


Identity redesign for Mark Borghi Fine Art, a gallery based in the Upper East Side and Bridgehampton, NY. We created a custom bold typeface that strikes a balance between serif and sans-serif, formal and informal. The logo works in various pop colors, matching an adjacent artwork.

We also designed a catalogue for MBFA's retrospective exhibition of Mercedes Matter (1913–2001). Her name is printed along the book edges to illustrate her understated career as she was surrounded by well-known artists like Jackson Pollock, Lee Krasner, Franz Kline, Philip Guston, Alexander Calder and Willem de Kooning.

  • Branding
12 images

Metropolis Magazine

Metropolis + Japan supplement for the Dec’09 issue, showcasing recent well-designed Japanese products. The cover features a dimensional interplay between typography and Hiroshima dining chair rendered in a palette that suggests the simplicity of Japanese design.

ICFF’09 Design Guide themed “the comfortable city.” Vibrant sample-pattern typography decorates this pocket-sized guidebook's cover and interior pages, a device that helps find desired content quickly. The cover features the Flatiron plaza, one NYC district spearheading area improvement projects.

  • Design Guide
  • Magazine Supplement
7 images


We created the brand identity and environmental graphics for Origin, the first green café/grocery/retail concept in Bandung, West Java. Located in the congested downtown area, Origin café offers a cozy, relaxing refuge surrounded by vertical gardens along the interior walls. The grocery shop and even the restrooms are covered with wall graphics depicting nature.

  • Branding
  • Environment Graphics
  • Signage
8 images


Online exhibition for Joan Miró: Painting and Anti-Painting 1927-1937 at MoMA. The 107 objects available on the website can be sorted in a various viewing modes (as gallery series, chronology, relative size, or thumbnail index). Each object can be examined in detail at magnified scale by moving your cursor around the image, recreating the sense of being in the same physical space with the work. We also created voiceover animations for key objects in each series. For Miró fanatics, we added a filter tool to sort objects by medium and aesthetics.

  • Flash Application
  • UX design
  • voiceover animation
6 images


We designed three issues of the Guggenheim magazine, completing the series with the museum's 50th Anniversary celebration. The last issue features the anniversary logo die-cut onto the metallic gold front cover, revealing details of Wright's watercolor sketch. The geometric logo was based on Frank Lloyd Wright's iconic building.

  • Magazine Design
5 images

Steuben Glass

Icons and illustrations for Steuben Glass, a New York-based luxury crystal maker founded in 1933. We designed a set of zodiac icons and illustrations, as well as miscellaneous fun symbols, to be engraved as custom special order. The Zodiac Bowl was designed inspired by the zodiac icons, which are also used to construct a window display for Steuben’s flagship store on Madison Avenue in New York.

  • Icon Design
8 images


A compilation of marks and logotypes we produced for a diverse array of brands.

We strive to nurture brands that are memorable, coherent, versatile, simple and timeless.

14 images


Our work typically falls into one
or more of these categories.


We help organizations communicate with a more holistic approach to brand development. Starting with a logomark, we can develop a full suite of brand applications like stationery, printed collaterals, environmental signage, and website. more »

Editorial Design

We can take your big ideas and present them visually. Whether you need an innovative exhibition catalogue, poster, viewbook, periodical newsletter, or annual report, we have the tools and experience to take complicated information and make it meaningful to your audience in beautifully-printed forms.

Online, Social Media, Mobile

We use established and emerging technology to help connect your audience with the programs. We can build you a robust, user-friendly website that is accessible on smartphones and digital tablets. Plus you would be able to manage the content with ease.

Exhibition & Environmental Graphics

We can help you tell dimensional narratives for your audience. Whether you have a collection of art objects, retail products or a big story to tell, we can transform them into an engaging experience through innovative object displays, space design, as well as multimedia platforms.


Small Brands
Big Ideas

Each organization face a unique set of challenges when strategizing their foray into the public. We can help lay out a smart design strategy that meet your business goals.

We strive to create a sense of buzz in the competitive marketplace through a succesful mishmash of transmedia communications.

Contact us for initial consultations.


Our clients work directly with
a Design Partner to reach their
long-term strategic goals.


Asia Week NY


Japan Foundation

Mark Borghi Fine Art

MoMA (Museum of Modern Art)

Metropolitan Museum of Art

Miyako Yoshinaga Art Prospects

Princeton University Art Museum



BRAIN ブレーン Magazine

Casa/Brutus Magazine

Designers & Books

Gingko Press


Metropolis Magazine

The New York Times


Show Media Testimonial

Widya Widjaja, Project Manager

John is a talented and passionate designer. He always listen to my concepts, provide solutions and deliver great results. I admire his style and I have enjoyed brainstorming ideas with him on current trends. I look forward to working with him again, hopefully in the near future.


Columbia University

Cornell University AAP Testimonial

Aaron Goldweber, Director of Communications

It's been a pleasure working with John and Kiki and all of Studio Kudos on a wide variety of high quality print and electronic projects. I'm very much looking forward to continuing our productive relationship in 2013!

Poly Prep Country Day School

Rutgers University


1100 Architect

Amy Lau Design




Idea-Sandbox Testimonial

Paul Williams, Founder

It has been two years since Studio Kudos re-designed my website and blog. It is one thing to get feedback when you first re-launch a site, but I'm still receiving emails on a regular basis from visitors to my site how clean and attractive the design is!

Kudos took my idea for a 'mid-century modern' look and created a design that has an older feel, but isn't slick. It exceeded my design expectations.

I heard a quote recently that applies to Studio Kudos: "They're cheaper than anyone who is better and better than anyone who is cheaper."

Identity Ateliér

Modern Green Home

Sharon Davis Design Testimonial

Sharon Davis, Partner

Studio Kudos' expertise in redesigning my firm's website was invaluable. John offered a variety of solutions for creating a simple, yet bold and affirmative look for both showcasing my portfolio and building new opportunities for content on our website. I continually receive compliments on the additions that he envisioned for our website.

Not only is John talented and versatile as a designer, but he is also highly personable, straightforward, and accessible. He promises instant follow-up and turnaround, as well as articulate, unintimidating explanations for any technical questions. His commitment to our project helped us meet our goals efficiently.


Designers & Books Fair

EG Conference


Autism Speaks Testimonial

Tom Hopkins, Technical Project Manager

So far as I know there are three things to look for in web design: modern and intuitive design, the ability to suggest creative solutions that you yourself didn’t see, and the willingness to discuss and make adjustments moving forward such that you don’t feel you’re being charged by the minute.

When you come across all three in the same design shop you know you’ve got something special, and that’s what I’ve found in Studio Kudos. Working with them has contributed very positively to the style and effectiveness of our web site.

Cancer Care

Cerebral Palsy Daily Living

Center to Advance Palliative Care Testimonial

Lisa Morgan, Communications Director

We hired Studio Kudos to redo our consumer site, and our experience with them was terrific. They are top designers, professional and easy to work with. We were not surprised, however, as they came highly recommended by high-powered colleagues in the design world.

City of Newark

Clemente Soto Vélez

Harlem RBI

Just Vision

Long Island Index

NYC Waterfalls


Vilcek Foundation


Burnboxx Testimonial

Patrick Kayser, Partner

I have been fortunate to work with some amazing designers during my career and John stands out as a star among stars. An incredibly strategic thinker, I was gobsmacked by every option and iteration he presented us.

In fact, the only ding I could give working with Studio Kudos is that they make choosing a single design from the options very hard. I still get goosebumps every time I see the work that John did for Burnboxx and enthusiastically sing the praises of Studio Kudos whenever the opportunity arises.



Goodfriend Motors

Ice Buddy Systems

Japan Research Institute

Jonas Photo



Steuben Glass



Bank Indonesia

Commonwealth Bank

Element Markets

GoalMine / Gratio Capital Testimonial

Yaron Ben-Zvi, Partner

John was a pleasure to work with. He approaches problems creatively and really worked to understand the needs and challenges of our particular product and business.

In addition to his design chops, he is extremely responsive, professional, and open to feedback from clients. We will work with Studio Kudos again.

Iron Trader

The Modern Group

Sinarmas Real Estate Development

Union Square Ventures


Agua Brasil


Macy's Merchandising Group



Yuka Suzuki




Judy Rhee Production Design

Julie Soefer Photography

The Photobooth Party


90 Gourmet




Hotel Indonesia Kempinski

iW Magazine


Orange Blossom



Made by Studio Kudos!

Wrapping Papers

Paperback Editions

Dragon Argyle
Branded (paperback)
Pyramid Party
Pop Pop
Candy Stripe


We review portfolio submissions on a weekly basis, send resume with website link (no large PDFs) to

For Jakarta office, email

New York

John Kudos


Kiki Katahira

Cofounder/Creative Director

Chris Manlapid

Senior Developer

James Hicks

Senior Exhibition Designer

Sumit Paul

Interaction Designer & Developer

Karen Vanderbilt

Graphic & Interaction Designer


Andy Kim

Creative Director

Calvin Hadiardja

Creative Director

Melissa Hoego

Art Director



Web & UX Development


Architecture & Interior Design

No date provided
No date provided