Best Practices

must haves consistency match the design to the broader activate experience essential controls search bar do not remove the dropdown or search button navigation keep standard entry points or provide clear alternatives for browsing and searching do’s and don’ts ✅ do use subtle, light coloured backgrounds that enhance readability ensure critical navigation elements remain easily accessible test designs on multiple devices and screen sizes ❌ don’t use busy or complex background images—they interfere with readability apply intranet style designs that remove key activate components make radical changes to background colours—this can affect icons, fonts, and styling testing test on multiple screen sizes using browser developer tools (e g , chrome device emulation) validate designs for all user roles, not just administrators ensure that resizing and responsiveness work as expected mobile considerations desktop designs rarely translate well to mobile—simplify where possible activate supports separate mobile home pages for better usability use the chrome emulator to confirm mobile performance design process (summary) provide templates to the customer early customer selects a theme/template customer suggests changes; product team reviews for issues scope and document what changes will and won’t be made obtain sign off for design and budget implement agreed changes