Jina Anne (Bolton)

Lead Designer, Design Systems

San Francisco, CA, USA
I’m a designer and HTML/CSS developer (preferably with Sass), with a passion for design systems (and style guides and pattern/component/UI libraries). I enjoy building engaging communities both online and in real life. I’m also a published author and public speaker. With a strong interest in clean grid design and elegant typography, I enjoy creating beautiful, user-centered web sites and applications.

Work Experience

Sushi & Robots, LLC

Owner

Design systems advocate, consulting, and advisor. Currently consulting with Amazon and advising design systems teams at UpWork, IBM, and more.

Event organizer for Clarity (a design systems conference) and 2 meet ups: the SF Design Systems Coalition and The Mixin (a Sass/frontend meet up).

Writing and speaking, among other community-projects.

Previously, freelance web design and development for local start ups and agencies, focused on style-guide driven design and development. Clients included Wingtip, Cloud City Development, Copious, Job Rooster, etc.
January 2000 - Present California, United States

Salesforce

Lead Designer, Design Systems

With the Salesforce Lightning Design System now successfully embraced by the company and our engineering organizations, I took on more responsibility leading the design of the design system and supporting resources, by treating the design system itself as a product. Responsibilities range from user research, to interaction design and information architecture, art direction, content strategy, documentation authoring, frontend development, user testing, and education and advocacy through support and evangelism (both internally and externally).
January 2016 - August 2017 California, United States

Salesforce

Senior Designer, Design Systems

Shifting focus from supporting product feature work, my role became more focused on the design system and the design systems team. During this time, I worked with my manager to pitch and plan what a CSS framework with supporting documentation site would look like, and how it would impact the way we design and deliver user experiences at Salesforce. I helped shaped the vision of what our team does and how other designers and engineers worked with us. Much of my time was spent roadmapping, wireframing, and prototyping the alpha of the design system.
January 2015 - December 2015 California, United States

Salesforce

Senior Product Designer

I worked on the SF Cloud team (later renamed “Systems”) to help ensure the designers’ specs were codified properly through Design Tokens, following our Salesforce1 Style Guide visual language. I helped us level up our Design Tokens through inspiring and helping with the design of the open source tool, Theo, which we use to generate Design Tokens for multiple platforms and devices like Sass, Less, Stylus, Android, iPhone, and even color swatches. I also collaborated with other designers on features like Record Home and Search to ensure that the designs were delivered in a scalable way.
December 2013 - December 2015 San Francisco, California, United States

Salesforce

Product Designer, Do

Designing for the iPhone app, Android app, desktop web app, and our marketing website, I did interaction design, visual design, and frontend development in a rapid-paced start up of only 8 people and 3 designers total. We focused on improving the way people work and collaborate with each other in an easy, social way. I also designed and maintained our style guide, and rearchitected the Sass codebase to be maintainable and modular.
February 2012 - December 2014 California, United States

GitHub

Designer

User experience and visual interaction design, CSS (with Sass) development, and occasionally print design and illustration.
September 2011 - December 2011 California, United States

Engine Yard

User Experience Designer

User experience, visual design, and front end web development for Engine Yard's AppCloud product.
September 2010 - September 2011 California, United States

Crush + Lovely

Interaction Designer

Interaction design, visual design, web standards development, and social media specialist for Crush + Lovely’s products and client projects. Clients included ABC, Medecins Sans Frontieres, Remind.org, etc.
February 2009 - September 2010 New York, United States

Apple Inc.

Visual Interaction Designer

Visual design with an emphasis in interaction design for the Apple Online Store. Prototyping and interface documentation through a style guide and templates.
March 2008 - January 2009 California, United States

Apple Inc.

Front-end UI Developer, Apple Online Store

Web standards expert, prototyping, internal web applications interface designer. Led frontend architecture for remodel, Apple Online Store worldwide. Created a markup and style guide.
March 2007 - March 2008 California, United States

Inferno

Interactive Designer

Interactive design, web development, developed competitive research, and marketing plans. Clients included FedEx, Smith & Nephew, Nuvasive, Paragon Bank, Eclectic Eye, etc.
July 2006 - February 2007 Tennessee, United States

Rocket Science Design

Design Contractor

Web & print graphic design, web standards development lead. Clients included EmergeMemphis, ClearFunction, Germantown Day Spa, etc.
August 2005 - June 2006 Tennessee, United States

Wurzburg

Design Contractor

Web & print graphic design, advertising, photography, writing.
April 2005 - August 2005 Tennessee, United States

Isys Technology

Design Contractor

Graphic and interactive design and development. Clients included Memphis Transit Authority and Lausanne College.
April 2004 - July 2004 Tennessee, United States

Oden Marketing & Design

Interactive Design Intern

Interactive design/development, style guide & scope documentation, assisting graphic designers. Clients included FedEx, International Paper, Anita Kerr, American Contract Bridge League, etc.
January 2004 - April 2004 Tennessee, United States

Education

Academy Of Art University (AAU)

Master of Fine Arts

Web Design + New Media. All classes completed. Taking a break before completing final thesis presentation.
September 2008 - Present California, United States

Santa Reparata International School Of Art

Summer Program

Book Arts, Italian Language
June 2006 - July 2006 Italy

Memphis College Of Art

Bachelor of Fine Arts

Computer Arts, Graphic Design
August 2001 - July 2006 Tennessee, United States

Languages

English (Native),

Awards

The Net Awards

Judge

2015

The Net Awards

Nominated for Best Collaborative Project (Team Sass Design)

2014

HOW Design Magazine

Judge Interactive Awards

2010

Web Visionary Awards

Art/Experimental Category, Art in My Coffee

2009

SXSW Interactive Awards

Nominated in Art Category: Art in My Coffee

2009

The Net Awards

Nominated for Designer of the Year

2008

The Net Awards

Nominated for Best Online Portfolio (Sushi & Robots)

2007

Skills

Art Direction, Creative Direction, CSS, Design Systems, HTML, Interaction Design, Print Design, Prototyping, Public Speaking, SASS, Style Guides, Teaching, Usability, User Experience, Visual Design, Web Standards, Writing,

Public Speaking

I've spoken at industry-related conferences and workshops on topics including design systems, CSS, Sass, style guides, refactoring & realigning UI, and visual interaction design. View my up-to-date list of speaking engagements at http://jina.me/speaking/

Community Involvement

2017 - current
Design Systems website (design.systems)

2017 - current
Design Systems Publication on Medium

2016 - current, San Francisco
Clarity: A design systems conference. 274 people in the first year. 2 days, 1 track. 12 presentations. 336 people in the second year, with an extra day of workshops.
clarityconf.com

2016 - current, San Francisco + worldwide
Design Systems Coalition — founded SF meet up. Hosts include GitHub, Twitter, Gap, etc. Chapter have spawned in NY, London, Chicago, and Helsinki.
sfdsc.co

2016 - current
Sass News: Took ownership of the Sass News mailing list, which has almost 4K subscribers.

2015 - current
Design Systems Slack: Created a community of almost 5K designers and developers who converse about all things design systems.

2014 - 2017
Salesforce UX Evangelism: For about a year, I led our UX outreach and evangelism efforts, which included running our conference sponsorships, local meet ups, and blog. Events I helped support through partnerships include Sass Conf, Camp Sass, Front Porch Conference, Blend Conference, Valio Con, Squares Conference, Circles Conference, World IA Day, AIGA SF, SF Design Week, Cascade SF, Enterprise UX, etc.

2013 - current
Sass website: Lead a team to rebrand and design the website for the Sass CSS preprocessor. This brand spawned many other Sass-related brands inspired using the same colors, typefaces, and illustrative style.

2013 - current
The Mixin — A meet up about Sass and frontend web development. Speakers have included Nicole Sullivan, Mark Otto, Divya Manian, Hampton Catlin, Chris Eppstein, Tab Atkins, etc.
themixinsf.com

See all podcasts, interviews, and other features here: https://www.sushiandrobots.com/featured

Books

Design Systems Handbook (Invision)
Co-author, 2017

Sass For Web Designers (A Book Apart)
Technical Reviewer, 2013

Sexy Web Design (SitePoint)
Wrote outline and Foreword, Technical Reviewer, 2009

Fancy Form Design (SitePoint)
Co-author, 2009

The Art & Science Of CSS (SitePoint)
Co-author, 2007