Minnow is the next generation smart water meter, a simple kit that installs in your home and tells you how much water you're using, as you're using it.
Developed during the Business of Design course at CCA, my team and I wanted to fundamentally change people's relationship with water. Minnow's easy to install sensors and in-line meter provide exact water for your household. Not only does Minnow provide real-time water usage, it will also send leak alerts, monitor water quality, and allow you to compare your household water use with others in your region.
Role:
Ideation + Business Strategy / Brand & Identity / App & Display Design / Project Management / Financial Lead
Team:
Liam Woods, Irene Chou, Lois Wang
Within the field of typography, letterforms typically embody either static or kinetic forms. However there is another category of typography that escapes the purely static or purely kinetic. This is temporal typography.
Unlike static typography, these forms are not bound by one iteration within a singular viewing experience. Similar to kinetic type, temporal typography carries the stamp of time but is not relegated movement or time-based media.
Temporal letterforms have the ability to manifest themselves in both static and kinetic ways, as well as physical and digital ways, and therefore cannot be evaluated by the same functional factors of traditional typography: legibility and readability. Viewership and perception are elevated, and formal and experiential conditions are re-prioritized as the forms transition from one state to the next.
As a means of mapping the territory of temporal typography and setting parameters for my explorations, I have identified and defined three independent qualities of temporal type: transitory, navigable, and medial. My studies examine these characteristics as distinct from one another allowing me to explore the boundaries and define intrinsic qualities of temporal typography.
UrbanSitter is an online resource where parents go to find and book babysitters recommended by people they know.
As a UX / Visual Design contractor, I collaborated with the Director of User Experience and the Engineering team through several release cycles of the product focusing on the four of the most visible, user-intense portions of the site: new parent & sitter signup, the onboarding process (first-time sitter search and getting parents to book their first sitter), the parent & sitter dashboards, and the sitter payment process.
I also worked with the Marketing team on a custom design the UrbanFamily editorial site on the Squarespace platform, and designed and developed a series of responsive email templates for the Marketing team to use.
Role:
Product Strategy
UX / UI + Visual Design
Email Marketing + Design
As a leader in the steaming entertainment business, Roku was looking for a dramatic visual update to their online presence. Working closely with Roku's internal marketing and development teams, I designed a fresh, airy layout to use as a template-style guideline for their website.
Roku wanted their email communications to visually match the new website, so I also designed and developed a modular-style, mobile-friendly email that could be used as a template for any future communication.
Role:
Content / Navigation Strategy
Web and Interaction Design
Email Design and Development
Agency: B'stro
All of the content generated for this book is based on an attempted re-enactment of Raymond Queneau’s Exercises in Style. Using a set of rules and parameters, I created a set of conditions meant to expose the inherent themes of the new content and produce a new design.
Smell has the ability to immediately evoke emotional reaction that no other sense can. And many times, particular smells are connected to a personal memory. Smell-O-Media is an olfactory riff on Twitter that I created for my Public Interactives studio class at CCA.
In this interactive experience, I invited people to select one (or more) of six boxes to smell. Then, using a simple Twitter-like mobile-friendly website I'd created, participants were asked to document their name, where they are from, what the smell makes them think of, and any personal story connected to that smell in 140 characters or less.
After submitting their olfactory tweet, participants got to see what others thought the smell could be. While not everyone had a personal memory connected to each scent, participants who did were rewarded by having their story appear on a large monitor for others to enjoy.
Curious what people had to say about these these 6 scents? Check out Smell-O-Media for yourself!
Remedy Interactive delivers intelligent safety software solutions help health and safety organizations drive towards injury-free workplaces.
In order to cater to a wide variety of customers, Remedy Interactive needed a fully responsive site that offered quick access to the content each audience segment required. The site needed to be interactive and succinctly feature product information in an easy-to-digest manner.
Role:
Navigation / Content Strategy
Web Design / Interaction Design
Agency: B'stro
Visit Website
The Frameline Film Festival is the largest and longest running LGBT film festival in the world.
In addition to designing the new brand and campaign for the 2012 festival, this project involved a complete website overhaul including strategy, structure, and design.
Role:
Full Campaign Identity / Print Design
Web Design / Site Structure / Wireframe
Agency: B'stro
Visit Website
The World, The Collective, The Secrets is a publication of the 2015 MFA in Design program at California College of the Arts. It is an archive that looks past individual inquiries in favor of a collective voice. It is a zeitgeist - a cumulation of topics addressing the current state of design. These topics include: the relationship between analog and digital, the cost of higher education, tech-industry buzz words and the media’s greater effect.
8.5” x 11” on newsprint // San Francisco // First edition: 1,000 copies // 2015 // ccamfadesign.com
Art Directed by: Beth Abrahamson, Brooke Francesi, Elizabeth Vaughan
Adventure Center is focused on providing unique adventure travel experiences. With the Adventure Center Presents campaign, they wanted to provide educational seminars and information sessions about some of their most popular trips.
ROLE:
Design / Strategy
Email Campaign Strategy + Visuals and Coding
Agency: B'stro
The Department of Medical Education at UCSF wanted a set of templates for their education portal that would satisfy the needs of each program within the department.
Requirements included 3 separate designs in which programs could select the template based on the type of content their homepage required (inspire visitors, educate visitors, or inform visitors) and select a color scheme (blue, green or gold). Each program was given the ability to incorporate an events calendar, blog, and two design options for a member / faculty directory.
Role:
Content Strategy / Organization
Web Design / Navigation / User Experience
Agency: B'stro
Visit Website
MindShift is an app designed to help youth in British Columbia better cope with anxiety. It serves as an on-the-go virtual coach, helping young people manage their mild to moderate anxiety rather than avoid it.
In just 3 months after its launch, MindShift had over 8,000 downloads and was listed as the #1 Free Mental Health app by World of Psychology.
Role:
Content Strategy / Visual Design
Agency: B'stro
Download the app
"Faces of type are like men’s faces. They have their own expression, their complexion, their peculiar twists and turns of line to identify them immediately to friends, to whom each is full of identity.” — J.L. Frazier
Everyday we interact with words, letters, and numbers through reading and writing — rarely do we stop to contemplate the aesthetic arrangement of these forms. This BFA thesis project focused on typography as the basis of design in order to educate and help the general public appreciate letterforms as physical structures in dynamic relationships.
Humans are inherently drawn to objects and materials that satisfy multiple sensory triggers. I collaborated with He Zhang to question the dialogue between analog and digital to create connections between tactile interaction and proximity visualization.
Using a combination of Arduino and conductive thread, we explored how textiles could be used as a device for creating or telling stories before a garment is even created.
Meant to engage everyone from tots to adults, Faces of Type is an interactive, experimental alphabet that plays with the idea of literal faces of type.
Designed in contrasting typographic modes — expository, representational, sympathetic, ambiguous, antithetical, and biomorphic— the black and white posters are direct representations and hybrids based on the "Biased" text from the book, Exercises in Style by Raymond Queneau.
The final color piece is a hybridized poster promoting a fictitious film festival, Our Biased Condition, featuring ten controversial documentaries. Each of the documentaries reveal the human condition to bias, particularly in political, social, and environmental circumstances and events.
A few client rejects — something with which designers are all too familiar.
Making Fun: Making Fun is a subsidiary of News Corp. that develops games for smartphones, tablets, and Facebook. B'stro was charged with designing their logo — here are a few throw-aways.
The West End: The West End is a neighborhood in Vancouver, B.C. comprised of three distinct areas, shopping, dining, and nightlife. The new brand needed to pay homage to the location and history of the neighborhood. Designed at B'stro.
CAAMFest: This campaign marked a turning point for the traditional Center for Asian American Media (CAAM) Film Festival. CAAMFest 2012 was an 11 day event that celebrated Asian film, music, and food.