Navigation - Unauthenticated state

Current state

For an unauthenticated user, the navigation has a marketing section and a call-to-action to register or sign in.

Proposal

Before	After (.com)	After (self-managed)

• Retain functionality, but remove duplicative links.
• Use the charcoal branding color to have some visual consistency with the marketing site.

Concept

Top bar

Open Figma →

Requirements

Links in the navigation top bar

• Tanuki logomark http://about.gitlab.com (redirected from https://gitlab.com/)
  • Next (badge when on) https://next.gitlab.com/
• Why GitLab: http://about.gitlab.com/why-gitlab/
• Pricing http://about.gitlab.com/pricing/
• Contact Sales https://about.gitlab.com/sales/
• Explore https://gitlab.com/explore
• Search (icon only) Opens search modal
• Sign in https://gitlab.com/users/sign_in?_gl=1*177f0e4*_ga*MTIzODc4MjgzOS4xNjg2MDg2Nzk0*_ga_ENFH3X7M5Y*MTY4NjA4Njc5NC4xLjEuMTY4NjA4Njc5NS4wLjAuMA..
• Get free trial https://gitlab.com/-/trials/new?_gl=1%2A1iwmtzj%2A_ga%2AMTgxNjc4ODEzNy4xNjg0NDI0OTkw%2A_ga_ENFH3X7M5Y%2AMTY4NjA3NDYzMC40MS4xLjE2ODYwNzQ4OTkuMC4wLjA.&glm_content=default-saas-trial&glm_source=about.gitlab.com%2Fpricing%2F
• Sign in https://gitlab.com/users/sign_in?

Navigation sidebar

• Default links with no pinning capability.

Behavior

• Top bar at smaller breakpoints:
  • Tanuki position and visibility is unchanged.
  • Links collapse into a ≡ dropdown.
  • Free trial remains visible to the right of the ≡ button.
  • There's enough space for the Next badge.
• Sidebar collapses similar to the authenticated state.
• Sidebar accordion behavior is similar to the authenticated state.
• Sidebar links cannot be pinned.
• Project name goes to Project overview since there's no context switcher.
• Search opens the modal.

Validation

How will the design be validated?

• Marketing approved top bar links and will monitor conversion to see if any future changes are needed.
• Since the sidebar nav authenticated state is working through changes and validation elsewhere, there will be no validation here for the unauthenticated state, and it will seek to align with the most recent learnings from the authenticated state.

Timing

This is not needed for beta testing, because whether the beta is on for a user is determined by their user account. This means that when a user is logged out, they will always default to the old navigation until the navigation is turned on for all users.