Branded sites for Sprinklr Advocacy and Community

Sprinklr’s Design Services team designed for Sprinklr Display. Other product teams had customers who needed the same thing we did every day: a client’s brand applied carefully to a Sprinklr product, by someone who could also write the code. The team opened its services to them.

I took the lead on that work for two products, Advocacy and Community, and built most of the sites myself, from the client’s brand guidelines to the finished HTML and CSS. Along the way I turned the repeatable parts into templates so each new site took less effort.

It started while I was a product designer and continued after I became a manager. Keeping it on my plate let the rest of the team stay focused on Display.

Sprinklr Advocacy is an employee advocacy platform. It gives a company’s employees one place to find brand-approved content and share it on their own social accounts.

The login page is the first thing an employee sees, and it decides whether the program feels like part of their company or like one more vendor tool. For each client I designed and built that page, formatted the program’s HTML email templates and applied the brand throughout.

• One template, very different brands. A financial services firm, a tool maker, a mobility technology company and a private bank each needed the same page to feel native to them.
• Email that survives the inbox. Marketing templates built in HTML and CSS to hold their layout and branding across mail clients.
• Patterns that outlived the projects. The structures I set up were later adopted by other designers and folded into the product’s own features.

Sprinklr Community is the company’s community management software. Brands use it to give customers a place to find answers, talk with one another and get support without opening a case.

This was the larger job. A community is a whole website: a home page, navigation, search, category and discussion pages. Sprinklr Community ships with a base template, and I customized all of it to each client’s specification in HTML and CSS.

• Every page, not one. Headers, navigation, search, cards and page layouts restyled so the experience stays consistent as visitors move through the site.
• Built to the client’s spec. Typography, color, imagery and components matched to each brand’s existing website.
• Working inside a platform. Each design had to be achievable with the template’s structure, so it would keep working as the product updated.

• Design and code togetherI can take a brand guideline to finished, working HTML and CSS without a handoff.
• Range across industriesFinancial services, private banking, manufacturing, mobility, home security and data software.
• Respect for constraintsEvery site was built on a product template and had to stay maintainable.
• Protecting the team’s focusI kept this work myself and templated it, so my designers could stay on Display.