Gitlab hero border pattern left svg Gitlab hero border pattern right svg

Product Designer Onboarding

Getting started designing for GitLab

Awesome! You're about to become a GitLab Product Designer! Below you'll find everything you need to start designing. If something is missing, add it (as goes with everything at GitLab)!

You will feel very slow in the beginning, which is perfectly normal. There is a lot of information being thrown at you all at once. Your goal for the first few weeks here at GitLab is simply to listen, absorb, and ask as many questions as possible.

If you haven't already, please read the main section of the UX Handbook and the Product Designer section. Reading the Design project README and its contribution guidelines will also help fill in all the details of how we work.

UX Buddy

You will be assigned a UX Buddy to help you find your way around. Your buddy will schedule a coffee chat with you during your second week. To get you up to speed so you can start contributing to the team efforts and improving GitLab as a product, you will be assigned to an onboarding issue that provides a few tips on how to navigate around the team resources as well as company resources.

Your UX Buddy will also be assigned to your first few milestones issues alongside you. While you should feel free to ask anyone for help at anytime, your buddy is a dedicated person you can rely on for help and guidance.

UX buddy responsibilities

As a buddy, you will be responsible for creating an onboarding issue for the new joiner under the GitLab Design project. You can use the UX Onboarding issue template for that. Part of your responsibility is also to guide the new desiger around the department, as well as facilitating a smooth ramp-up within the stage group whenever necessary. We created a Google Docs with a template agenda you can use to structure your 1:1s. You should feel free to structure those calls whenever you and the new joiner feel like it. Read more about general buddy responsibilities in our handbook.

Design tools

Every Product Designer gets a license to Sketch. Other tools as needed can include, but are not limited to: Framer, Origami by Facebook, Principle for Mac, and HTML/CSS/JS prototyping.

Your manager will be able to provide you with designer tool licenses. When in need of different tools, request those by filing an issue on our organization issue tracker.

As part of your day-to-day, you will be working in the GitLab Design Repository. This is where we host design files and share them with developers for implementation. For details on how to work and contribute to this repo, read the contribution guidelines.

GitLab features

As a Product Designer, it's important to have a holistic understanding of GitLab features, even outside of your assigned stage group. Additionally, you should understand the product direction, particularly within your product stage group.

GitLab versions and tiers

GitLab is built on an open core model. That means there are two versions of GitLab: Community Edition (CE) and Enterprise Edition (EE).

GitLab Community Edition is open source, with an MIT Expat license. GitLab Enterprise Edition is built on top of Community Edition: it uses the same core, but adds additional features and functionality on top of that. This is under a proprietary license.

It is a good idea to familiarize yourself with the differences between CE and EE. As a Product Designer here at GitLab, you will have access to all the features within EE. The tiers within CE and EE are listed here. Review the feature comparison to understand the features available within each tier.

GitLab design

Familiarize yourself with these design resources. As the UI and documentation mature we will continue to solidify these as the SSOT for all product design.

Create issues

As you begin to get settled in, you will most likely need to create or update an issue.

Workflow for creating an issue:

Typical kinds of issues created: