Skip to main content
Hi, I'm Bobby

I build digital design systems steeped in brand

A San Francisco-based product design lead with 18 years of experience building successful products for startups and tech giants alike. I specialize in UI, visual, and system design, and am comfortable in hybrid UI/UX roles.

What I Do
  • UI design
  • System design
  • Branding
  • Marketing design
  • Interactive prototypes
  • UX

Bobby helped us take a large body of information about our mission, work, and company and turn it into an experience. Bobby came up with UX for our site that leads visitors through the story of what we do and why in a beautifully curated way, combining imagery, typography, infographics, movement, and space. In addition to UI and UX, Bobby created a body of bespoke 3D visuals to deeper illustrate our product and services. Having our website be an authentic representation of our audacity, invention, and commitment is critical. Bobby helped us build a site that does our work justice.

Rebecca KantarCEO, Imbellus, Company Homepage

I’ve been involved on projects at many stages, from limited to full scope

The Research Phase

Process

Conduct stakeholder interviews

with the owner, PM, dev lead, or creative director.

Product audit

targeting existing research, documentation, existing design work, and the current market product.

Produce a competitive analysis

Determine what key competitor products are doing right, and what they're doing wrong.

Write and facilitate user interviews

about their current experience with the product.
Goals

Gather requirements

Determine the value prop

Determine possible key features

Determine possible use cases

Identify or consider KPIs

Identify audience and personas

Identify implementation constraints

Bobby was very good at his craft and excelled at not only creating a modern visually appealing design, but also at doing market research, and planning. He got things done when he said he would and had a good attitude during our project that had a few twists and turns.

Tyler BourneFounder & CEO, Docpaid, Company Brand, Product & Homepage

The Ideation Phase

Process

Create user journeys

contextualizing key features and accounting for use cases.

Design initial wireframes

improving upon existing UX of product or competitor products.

Schedule stakeholder reviews

to collect feedback on UX and wireframes, and monitor dev constraints.
Goals

Determine the IA

Establish the product framework

Coordinate with dev teams

to align dev/design timelines.

Bobby redesigned our mobile app which is now consistently ranking among the top 10 in Art & Design on Google Play. Bobby helped us reorganize the UX of our app, making it so much easier for users to navigate and engage with. Bobby also gave us a beautiful UI refresh being very mindful of our vision for the app. Taking the refresh further, he produced a visually lush marketing homepage for us as well as app store ads. With Bobby’s help, our product has really been elevated to be one of the leading apps in its category.

Tianxin DaiCo-founder, Wombat Studio, Magic Poser Mobile App

My sweet spot

The Execution Phase

In the past few years, Figma has introduced features to it’s system design workflow that  make a new process of product design possible that looks completely different to what we’re used to. We’re used to designing app and page layouts statically, and then translating those into a design system components. My process leverages Figma’a latest features to design layouts dynamically, at the component level, cutting out the need to produce the component library separately later.
Process

Brand exploration

including things like logo and color palette.

Visual asset design

including illustrations, iconography, 3D, photography, etc.

Design system staging

setting up initial spacing, grids, typography ramps, and brand colors.

Initial mockups

designed at the component level and expressed as dynamically responsive, prototype-ready layouts.

Prototypes

of UI interactions.

Stakeholder reviews

to collect feedback on look and feel, prototypes, or UX.

Revision cycles

or working sessions updating designs at the component level in real-time.

Marketing

including landing pages, email campaigns, app store banners, etc.
Goals

Determine the look and feel

of the product.

Establish the brand

Empower marketing

Establish a design system

Dev hand-off

of designs for implementation.

I had the pleasure of working with Bobby on a site for a familiar name in the security technology sector in Silicon Valley. We were brought by their PR agency to design and deploy a website that reconsiders how companies communicate with a wider variety of editorial, business, and consumer stakeholders and their respective consumption styles.

Our team was tasked with "getting away from press releases" in favor of publishing more readable blogs, alerts about active security threats (and paths to remediate them), and major company announcements, news, and whitepapers. We also had to think through tasks such as how video and photographic content might be downloaded and leveraged by media outlets for their news stories.

Bobby not only wrestled the IA into a focused set of color-coded content categories, but he also solved for content filtering, search, and created a simpler way for reporters to access a variety of media asset files. His design was elegant and built for both casual and research-guided consumption. It is a rare designer who has such solid visual design chops and a deep sense of user flow and tasks through a site that felt more like a magazine.

Michael BeaversContract Digital Strategy Lead, Edelman, News Portal for Symantec

The Testing Phase

Process

Create interactive prototypes

simulating user flows through the designed product.

Write testing scripts

addressing UX uncertainties, edge cases, etc.

Qual test interactive prototypes

via sizzle reels and post-interaction interviews with users.

Conduct stakeholder reviews

gathering feedback on interactive prototypes.
Goals

Determine revisions

or design iterations and schedule work.

Spot-check features and priorities

The Documentation Phase

Process

Document pattern usage guidelines

for components of the design system for dev implementation and future design work.

Produce brand guide

outlining brand definitions and usage guidelines.

Finalize dev hand-off

share and revise design system documentation.
Goals

Ship deliverables

or design iterations and schedule work.

Ensure product longevity and scalability

Running Processes

Accessibility monitoring

running accessibility tests on designs to ensure compliance.

Educating

the org on product design best practices.

Team mentorship

providing design and performance feedback.

Communicating the vision

to the org at every stage of design.