A companion page must look and feel exactly like the main product. Users need clear ways to move between the companion page and other parts of the product. The design must work well on both mobile phones and desktop computers.
By Pawan Nayar · from the LLOS AI Learning record
A companion page must look and feel exactly like the main product.
Users need clear ways to move between the companion page and other parts of the product. The design must work well on both mobile phones and desktop computers.
The companion page must use the same visual style as the main product. This means using the same colors, fonts, and layout. Users should not see any difference. The page needs clear links to go to and from the main product. This helps users move around easily. The design must change automatically for different screen sizes. It needs to look good and be easy to use on both small phone screens and large computer screens.
A developer creates a new 'Launchpad' page for career paths. The developer uses the exact same design code as the main career pages. This makes the Launchpad page look identical. The developer adds a button on each career page that says, 'Start the Launchpad.' On the Launchpad, the developer adds a section for 'Related Careers' to link back. This ensures users can easily navigate. The developer tests the page on phones and computers. The content adjusts perfectly to fit each screen.
More from the same record, pulled by shared topic — not written new for this page.
A developer should always check for an existing component first. If a component exists for the content type, the developer must use it.
A user will leave a page if it looks empty. Every screen should be 70-90% full of content.
The user interface for Chapter 1 is the master design. All other chapters must use this design.
All web pages must use the same brand colors. Do not create new color schemes.
A companion page must look and feel exactly like the main product. Users need clear ways to move between the companion page and other parts of the product. The design must work well on both mobile phones and desktop computers.