• Add to Collection
  • Tools Used
  • About

    About

    The TOFU Project is a group of people that organize events to bring Japanese youth together with Japanese professionals in the Silicon Valley in … Read More
    The TOFU Project is a group of people that organize events to bring Japanese youth together with Japanese professionals in the Silicon Valley in order to learn the values of entrepreneurship. Read Less
    Published:
The TOFU Project Web Design
Role: UI/UX Designer

Overview: The TOFU Project is a non-profit group founded with the intent of bringing entrepreneurs from Japan and the United States together via collaborative events and projects. This not only provides participants with a challenge, but also with an outlet to bridge cultures, share their stories, and create impact.

In 2012 The TOFU Project was getting ready for their second project, called Reverse Tofu, where they would bring participants from the United States to Japan.

Problem: In order to best promote Reverse Tofu, the website needed a new look that could communicate both to Western and Japanese cultures while also combining the design aesthetics of both cultures. On top of this the new design also needed to continue promoting The TOFU Project brand by being simple as tofu, the food, tends to be.
Phase 1: Sticky Notes

The TOFU Project team of seven got together to meet and brainstorm what they wanted to communicate through the new website. These ideas were then posted onto a wall, discussed and categorized, and from there we reached a general consensus on how we wanted to communicate The TOFU Project and Reverse Tofu. We then researched website designs for major Japanese companies that are also in the American market (e.g. Sony and Nintendo of America) to see how we could best combine Japanese and Western design aesthetics with our communication ideals in mind.
Phase 2: Wireframe and Visual Layout

A simple wireframe layout for desktop computers was created using the Mockingbird wire framing tool. This simple design immediately communicated what The TOFU Project and Reverse Tofu were about, as the information loaded above the fold in a slider container. Going from there we created a visual layout that retained its simplicity and utilized The TOFU Project’s brand colors (white and orange).
Phase 3: Implementation

Using the WordPress CMS, the new design was implemented to The TOFU Project’s website in February 2012. Reverse Tofu was a success - a group of innovators from the United States were brought to Japan in fall of that year to learn from and interact with entrepreneurial professionals in Japan.
Check out The TOFU Project at http://www.thetofuproject.org!