Update Pages settings domains section layout

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Problem to solve

As part of the Experience Baselines and Recommendations initiative, it was demonstrated the pages settings layout could use some improvement. Problems to solve:

• Better connection between New domain and the domain list
• Provide an area for in UI documentation
• Eliminate duplicate information in access pages and domains sections

Proposal

Update the pages settings to include the following changes:

• Remove Acces pages section
• Update domains section visual layout
• Update header
  • Move Add domain to section header (Rename to add domain)
  • Include subheader "Add and manage custom domains and subdomains."
  • Include a link in subheader to https://gitlab.com/help/user/project/pages/custom_domains_ssl_tls_certification/index.md
• Include non-deletable and non-editable row for the default domain (username.gitlab.io)
• Include certificate status
  • Automatic certificate
  • Uploaded certificate
  • No certificate
• Update button styles
• Include verification status icons

What does success look like, and how can we measure that?

• Increased adoption of pages
• Improved user experience
• Improved UX scorecard score

Links / references

Release UX Scorecard: Deploy to Gitlab Pages