Present rebranded examples on website

[domoscargin]

What

Build

Iterate the work that's begun to present rebranded examples on the website.

In the first instance, ensure each relevant example has a rebranded link as per the header page here.

There is opportunity to explore the styling and positioning of these links in order to better semantically link them to the example in question. For instance, we may want to:

• keep the existing visual distinction but adjust the underlying HTML so that the link is coupled better with the example
• Display the link within the example component
  • Perhaps near the existing "Open this example in a new tab" link
  • Perhaps as a button somewhere
  • Perhaps below the rendered example, or below the "HTML", "Nunjucks", links
• Something else!

Test

If it is not clear which is the best approach, look into "guerilla" user research with the different options. We could organise tests with colleagues, or submit to a design crit. There's also possibly the opportunity to test with the community at the install-a-thon on 24 April and use feedback to refine.

Why

To allow users of the site to view rebranded examples while navigating the site.

Who needs to work on this

Developer, Designer, Accessibility Specialist, [Content designer?]

Who needs to review this

Designer, Accessibility Specialist, Developer

Done when

• We have decided on an approach to link to rebranded examples
• We have links in place for all relevant examples

[calvin-lau-sig7]

We will explore and create a few MVP options present them to the mid-cycle check-in and wildcard meetings on 15 April.

• check-in to present options, and present questions to the team
• wildcard meeting to help answer or set direction to iterate
• we will also look to do 'guerilla user testing' or design crit in week 2 with support from user researcher