A creative approach for effective outcomes

Our process is rooted in strategy and exploration. We help our clients look inward to imagine what’s possible, building programs with the versatility to grow through shifts in industry and culture.

A
B
C
A_

Mapping the landscape

Our team starts by immersing in business intelligence and consumer research to understand the culture surrounding the brand. These insights help to direct our decisions.

B_

Illuminating opportunity

Building on the foundation we’ve established in our immersion phase, we identify commercial, consumer, and cultural opportunities for the brand.

C_

Unlocking futures

Finally, we build brand ideas, systems, and experiences for executing our established goals.

00
Core capabilities

We take a critical approach, applying the results of our explorations to create collisions of insight, inspiration and experimentation, between our team and yours

  • Observe
  • Design
  • Interact
  • Click
  • Construct
  • Analyze
  • Surf
  • Examine
  • Explore
  • Focus
  • Read
  • Listen
  • Thrill
  • Envision
  • Peek
  • Amuse
  • Type
  • Dream
  • Evaluate
  • Formulate
  • Press
  • Create
  • Reflect
  • Construct
  • Generate
  • View
  • Gaze
  • Improve
  • Enhance
  • Develop
  • Draw
  • Plan
  • Polish
  • Watch
  • Connect
  • Modify
  • Captivate
  • Study
  • Revise
  • Produce
  • Critique
  • Paint
  • Perfect
  • Marvel
  • Survey
  • Color
  • Shape
  • Minimize
  • Wonder
  • Listen
  • Scroll
  • Excite
  • Maximize
  • Streamline
  • Simplify
  • Dream
  • Navigate
  • Explore
  • Read
  • Watch
  • Sketch
  • Play
  • Delight
  • Enjoy
  • Engage
  • Communicate
  • Inspect
  • Swipe
  • Tap
  • Study
  • Research
  • Look
  • Adjust
  • Pinch
  • Expand
  • Zoom
  • Touch
  • Drag
  • Drop
  • Configure
  • Observe
  • Design
  • Interact
  • Click
  • Construct
  • Analyze
  • Surf
  • Examine
  • Explore
  • Focus
  • Read
  • Listen
  • Thrill
  • Envision
  • Peek
  • Amuse
  • Type
  • Dream
  • Evaluate
  • Formulate
  • Press
  • Create
  • Reflect
  • Construct
  • Generate
  • View
  • Gaze
  • Improve
  • Enhance
  • Develop
  • Draw
  • Plan
  • Polish
  • Watch
  • Connect
  • Modify
  • Captivate
  • Study
  • Revise
  • Produce
  • Critique
  • Paint
  • Perfect
  • Marvel
  • Survey
  • Color
  • Shape
  • Minimize
  • Wonder
  • Listen
  • Scroll
  • Excite
  • Maximize
  • Streamline
  • Simplify
  • Dream
  • Navigate
  • Explore
  • Read
  • Watch
  • Sketch
  • Play
  • Delight
  • Enjoy
  • Engage
  • Communicate
  • Inspect
  • Swipe
  • Tap
  • Study
  • Research
  • Look
  • Adjust
  • Pinch
  • Expand
  • Zoom
  • Touch
  • Drag
  • Drop
  • Configure
  • [connect]
  • Observe
  • Design
  • Interact
  • Click
  • Construct
  • Analyze
  • Surf
  • Examine
  • Explore
  • Focus
  • Read
  • Listen
  • Thrill
  • Envision
  • Peek
  • Amuse
  • Type
  • Dream
  • Evaluate
  • Formulate
  • Press
  • Create
  • Reflect
  • Construct
  • Generate
  • View
  • Gaze
  • Improve
  • Enhance
  • Develop
  • Draw
  • Plan
  • Polish
  • Watch
  • Connect
  • Modify
  • Captivate
  • Study
  • Revise
  • Produce
  • Critique
  • Paint
  • Perfect
  • Marvel
  • Survey
  • Color
  • Shape
  • Minimize
  • Wonder
  • Listen
  • Scroll
  • Excite
  • Maximize
  • Streamline
  • Simplify
  • Dream
  • Navigate
  • Explore
  • Read
  • Watch
  • Sketch
  • Play
  • Delight
  • Enjoy
  • Engage
  • Communicate
  • Inspect
  • Swipe
  • Tap
  • Study
  • Research
  • Look
  • Adjust
  • Pinch
  • Expand
  • Zoom
  • Touch
  • Drag
  • Drop
  • Configure
  • Observe
  • Design
  • Interact
  • Click
  • Construct
  • Analyze
  • Surf
  • Examine
  • Explore
  • Focus
  • Read
  • Listen
  • Thrill
  • Envision
  • Peek
  • Amuse
  • Type
  • Dream
  • Evaluate
  • Formulate
  • Press
  • Create
  • Reflect
  • Construct
  • Generate
  • View
  • Gaze
  • Improve
  • Enhance
  • Develop
  • Draw
  • Plan
  • Polish
  • Watch
  • Connect
  • Modify
  • Captivate
  • Study
  • Revise
  • Produce
  • Critique
  • Paint
  • Perfect
  • Marvel
  • Survey
  • Color
  • Shape
  • Minimize
  • Wonder
  • Listen
  • Scroll
  • Excite
  • Maximize
  • Streamline
  • Simplify
  • Dream
  • Navigate
  • Explore
  • Read
  • Watch
  • Sketch
  • Play
  • Delight
  • Enjoy
  • Engage
  • Communicate
  • Inspect
  • Swipe
  • Tap
  • Study
  • Research
  • Look
  • Adjust
  • Pinch
  • Expand
  • Zoom
  • Touch
  • Drag
  • Drop
  • Configure
  • [connect]

01
Brand Strategy

We create unique brands anchored in human truths, providing strategy and design guidance to equip each one to grow into the future.

Services

Research & Consumer Insight  Workshops  Competitive Analysis  Brand Positioning  Brand Architecture  Brand Personality  Naming & Nomenclature

    02
    Brand Identity

    We create brand value with distinctive expressions that connect and engage.

    Services

    Identity & Logomarks  Verbal Identity  Voice & Tone  Brand Messaging  Brand Guidelines  Typography  Iconography & Illustration  Photography Art Direction  Motion Guidelines

    03
    Digital Experience

    We use a human-centered design strategy to turn brand ideas into interactive experiences.

    Services

    Content Strategy & Information Architecture  Website & App Design  Interaction Design  Journey Mapping & Testing  Innovation Sprints & Prototyping  Asset Production (Video, 3D, Photography, Animation, Illustration)  Campaign Development

    Diverse capabilities, distinctive brands

    Our work with you is as unique as you are. We'll work with you to explore your individual needs and tailor our work program around them, drawing on areas of deep expertise that we’ve honed over our 10 years of practice.

    • AI & Machine Learning

      From applied research to machine learning platforms, we’ve expressed artificial intelligence and machine learning concepts in a way that’s easy to understand and technically performant.

      3D rendered representation of AI processes
      Art direction and illustration
      3D rendered representation a ML processes

      We make the technical approachable, across many audiences, with business objectives top of mind.

      Messaging and visual design working together
      3D rendered representation of machine learning
      Machine learning website
      Messaging and visual design working together

      Introducing people to complex topics and technologies.

      Illustration representing concepts
      Interactive concept for a maker audience
      More
    • Digital storytelling

      We unite brand and interactive to bring people together at unprecedented scale.

      Digital storytelling spreads
      Individual interactive component
      The Current on a laptop

      Immersing users in narrative structure

      Remastered story from Epic Magazine
      Mobile design for storytelling
      The Current, a digital publication
      Content based platform

      Data, copy and visuals are animated through art direction.

      Interactive infographics
      Map based storytelling
      More
    • Platforms & Commerce

      We introduce people to the products and services they need.

      A shopping platform
      Device
      Online storefront

      The brands we build connect experience and authenticity, purpose and performance — so your growth remains true to you.

      826 Valencia store
      Photography art direction
      Photography art direction
      Photography art direction

      We build brands that connect user experience with authenticity.

      Storefront user interface
      Photography art direction
      More
    • For Good

      We seek out opportunities to contribute to organizations that reflect our culture and values.

      A student learning at 826 Valencia
      Mobile mocks
      An online brand system

      Creating impact for organizations and the people they serve through extensible systems

      Posters created for good
      Digital experience
      Beacon Relief, an online platform
      Art direction

      We connect purpose to brand for tangible results.

      A sticker showing a peace sign
      Art direction for an environmental program
      More

    We work with forward-thinking teams of all sizes.

    • Google DeepMind
    • Instagram
    • Pinterest
    • Ford Foundation
    • YouTube
    • Robinhood
    • SV Angel
    • 826 Valencia
    • Lyft
    • Epic Magazine
    • Strivr
    • Jigsaw
    • FAMSF
    • Chan Zuckerberg Initiative
    • Lightstep
    • Sand Hill Collection

    Recognition

    • Awwwards

      ×27
      • SOTD2023UpperquadVisit
      • DEV2023UpperquadVisit
      • HM2021Jigsaw: The Current: ToxicityVisit
      • SOTD2021Jigsaw: The Current: Violent White SupremacyVisit
      • DEV2021Jigsaw: The Current: Violent White SupremacyVisit
      • SOTD2020The CrumbskeesVisit
      • DEV2020The CrumbskeesVisit
      • SOTD2020At HomeVisit
      • DEV2020At HomeVisit
      • SOTD2020JigsawVisit
      • DEV2020JigsawVisit
      • SOTD2020Hello from HereVisit
      • HM2019AffirmVisit
      • SOTD2018Patagonia Blue Heart of EuropeVisit
      • DEV2018Patagonia Blue Heart of EuropeVisit
      • HM2017BeaconVisit
      • SOTD2017UpperquadVisit
      • DEV2017UpperquadVisit
      • SOTD2017Patagonia This is Bears EarsVisit
      • DEV2017Patagonia This is Bears EarsVisit
      • HM2017Stanford d.schoolVisit
      • HM2015Google Santa TrackerVisit
      • HM2015Arab Spring BreakVisit
      • SOTD2014Google Santa TrackerVisit
      • HM2014Google HangoutsVisit
      • HM2014Into the Zombie UnderworldVisit
      • HM2012Google Santa TrackerVisit
    • CommArts

      ×13
      • Webpicks2023UpperquadVisit
      • Interactive Annual2021The CrumbskeesVisit
      • Webpicks2021The Current: ToxicityVisit
      • Webpicks2021The Current: Violent White SupremacyVisit
      • Webpicks2020At HomeVisit
      • Webpicks2020Hello from HereVisit
      • Webpicks2020The CurrentVisit
      • Interactive Annual2019UpperquadVisit
      • Webpicks2017UpperquadVisit
      • Webpicks2017This is Bears EarsVisit
      • Webpicks2017Stanford d. schoolVisit
      • Interactive Annual2016Arab Spring BreakVisit
      • Interactive Annual2013Google More than a MapVisit
    • FWA

      ×14
      • SOTD2023UpperquadVisit
      • SOTD2020Jigsaw: The Current: Violent White SupremacyVisit
      • SOTD2020The CrumbskeesVisit
      • SOTD2020At HomeVisit
      • SOTD2020JigsawVisit
      • SOTD2020Hello from HereVisit
      • SOTD2018Patagonia Blue Heart of EuropeVisit
      • SOTD2017UpperquadVisit
      • SOTD2017Patagonia This is Bears EarsVisit
      • SOTD2015Google Santa Tracker 2015Visit
      • SOTD2014Google Santa Tracker 2014Visit
      • SOTD2013Google Santa Tracker 2013Visit
      • MOTD2018Google Santa Tracker 2013Visit
      • SOTD2012Google More than a MapVisit
    • Webby Awards

      ×19
      • Nominee2022Jigsaw: The Current: Internet ShutdownsVisit
      • Honoree2022Google Quantum AIVisit
      • Winner2021Jigsaw: The Current: Violent White SupremacyVisit
      • Nominee2021At HomeVisit
      • Honoree2021The CrumbskeesVisit
      • Nominee2020JigsawVisit
      • Nominee2020Jigsaw: The CurrentVisit
      • Nominee2020Google Santa TrackerVisit
      • Nominee2020Jigsaw: Disinformation Data VisualizerVisit
      • Nominee2019826 ValenciaVisit
      • Honoree2019Patagonia Blue HeartVisit
      • Honoree2019Insights into Gauguin: A Spiritual JourneyVisit
      • Winner2018Patagonia This is Bears EarsVisit
      • Webby for Good2018Patagonia This is Bears EarsVisit
      • Nominee2018Stanford d.schoolVisit
      • Honoree2015Google Santa TrackerVisit
      • Winner2013More than a MapVisit
      • People Voice2013More than a Map - NavigationVisit
      • People Voice2013More than a Map - CommmunicationVisit

    Let’s make something together.

    Get in touch