Design for DevOps in Salesforce

Founder
Industry
Salesforce, SaaS
Work
Branding, Web Design, Product Design, Design Systems
Hutte
Introduction

Explore how Hutte, in collaboration with Konpo, transformed Salesforce development, simplifying Scratch Orgs and Sandboxes management. With an intuitive visual interface, streamlined change tracking, and seamless Git-based development, Konpo empowered Hutte to elevate their workflow effortlessly, eliminating the need for code and minimizing hassle.

News
Hutte
Design for DevOps in Salesforce
Info
Company
Hutte
Year
Industry
Salesforce, SaaS
Work
Branding, Web Design, Product Design, Design Systems
Problem
Strategy
The Cultural Layer
Branding

The Hutte in Salesforce's Trail

We designed the brand identity, drawing inspiration from the word 'Hutte,' which means cottage in German. This concept symbolizes a welcoming destination along Salesforce’s trail, perfectly aligning with Hutte's mission within the Salesforce ecosystem and the journey we crafted around the Trailhead experience.

The Hutte in Salesforce's Trail

We designed the brand identity, drawing inspiration from the word 'Hutte,' which means cottage in German. This concept symbolizes a welcoming destination along Salesforce’s trail, perfectly aligning with Hutte's mission within the Salesforce ecosystem and the journey we crafted around the Trailhead experience.

{16} Hutte logo symbol explorations: cabins, trees and bears
Lots of explorations around Cabins, Trees, Bears and other things you might find hiking.
{8} Hutte team feedback on the brand direction
{8} Hutte team feedback on the brand name
{16} Hutte team working inside a mountain cabin
The Hutte team. Inside a Hutte.
{16} Hutte color palette with named colors
We always get to have fun with the Palette names.
{16} Hutte typeface Roobert character set
{16} Hutte team collaborating around a laptop
{7} Hutte logo patch on a knit beanie
Essential gear for the trails.
{9} Hutte branded flag
THIS is the right Hutte.
{16} Hutte branded water bottle by a mountain lake
Gotta stay hydrated.
{8} Hutte social card: Build Stuff On Salesforce Easily and Collaboratively
{8} Hutte link preview card
{16} Mountain lake landscape used in the Hutte brand
Web Design

Hutte's Dynamic and Scalable Website

Konpo led the charge in a transformative web design for Hutte, emphasizing a user-centric approach. The new website not only showcases Hutte's power but also ensures a seamless and engaging experience for visitors, mirroring the simplicity that Hutte brings to Salesforce development.

Hutte's Dynamic and Scalable Website

Konpo led the charge in a transformative web design for Hutte, emphasizing a user-centric approach. The new website not only showcases Hutte's power but also ensures a seamless and engaging experience for visitors, mirroring the simplicity that Hutte brings to Salesforce development.

{16} Hutte website on a laptop in a cabin
{16} Hutte website pages
{16} Hutte website hero: Web UI to SFDX
Product Design

Hutte's Platform Revamped UI

In the realm of product design, Konpo collaborated closely with Hutte to enhance the user experience of the SaaS platform. The result is an interface that streamlines Salesforce workflows, simplifying the creation and management of Scratch Orgs and Sandboxes, and facilitating effortless deployment of changes without the need for coding expertise.

Hutte's Platform Revamped UI

In the realm of product design, Konpo collaborated closely with Hutte to enhance the user experience of the SaaS platform. The result is an interface that streamlines Salesforce workflows, simplifying the creation and management of Scratch Orgs and Sandboxes, and facilitating effortless deployment of changes without the need for coding expertise.

{16} Hutte platform screens
{8} Hutte platform dashboard
{8} Hutte platform activity timeline
Design System

A backbone for Hutte

Hutte needed a backbone—a system that gave designers and engineers a shared source of truth, ensuring that adding new features didn't mean reinventing the wheel. We built a design system that does exactly that. Every button, every layout, every interaction—consistent, intuitive, and effortless, no matter where it lives. Now, Hutte's visual interface for managing Salesforce Scratch Orgs and Sandboxes isn't just powerful; it's seamlessly scalable.

A backbone for Hutte

Hutte needed a backbone—a system that gave designers and engineers a shared source of truth, ensuring that adding new features didn't mean reinventing the wheel. We built a design system that does exactly that. Every button, every layout, every interaction—consistent, intuitive, and effortless, no matter where it lives. Now, Hutte's visual interface for managing Salesforce Scratch Orgs and Sandboxes isn't just powerful; it's seamlessly scalable.

{16} Hutte design system type scale
{16} Hutte design system card components
{16} Hutte design system icons and spacing
{16} Hutte design system data table
One year later...
Result
Client
Harald Mayer
CEO and Founder
Testimonials

Their communication is impressive. Also, they’re always willing to do better and eager to listen to us and change things accordingly — even more so than many of the larger companies. Overall, Konpo has gone beyond expectation.

FAQs

Questions? Some answers.

Anything else? Feel free to reach out to
hey@konpo.studio
Who designed Hutte's brand and Salesforce DevOps product?

Konpo designed Hutte's brand identity, website, product UI and design system, working with Harald Mayer, Hutte's CEO and founder. Hutte gives Salesforce teams a visual interface for managing Scratch Orgs and Sandboxes, with change tracking and Git-based development and no coding required.

How do you design a developer tool for the Salesforce ecosystem?

Make the hard workflows feel ordinary. Creating Scratch Orgs, managing Sandboxes and deploying changes are the jobs that usually need a developer, so the interface turns each into something anyone on the team can do, with a dashboard and an activity timeline so people can see what changed and when. More on our product design.

Why is Hutte's brand about cabins and trails?

Because Hutte means cottage in German, and Salesforce's own learning path is called Trailhead. So the brand became a welcoming stop along the trail: logo explorations around cabins, trees and bears, a palette with names we had fun with, the Roobert typeface, and merch that belongs outdoors (a beanie, a flag, a water bottle by a mountain lake). More on our branding.

Does Hutte have a design system?

Yes. Hutte needed a backbone that gave designers and engineers one source of truth, so adding a feature didn't mean reinventing a button. The system covers the type scale, cards, icons, spacing and data tables, which is most of what a DevOps product is made of.

We also made our own emojis! The team's slack is filled with them and we kind of love it.
Brand Design
Product Design
Design Systems
Website Design