UX Notes
UX/UI design notes for the development team. Our goal is to build the production site as close to the Figma design file as possible. Please use Figma's Inspect feature to analyze the file thoroughly so we can achieve this goal.
- Home
- Research
- Media
- Resources
- This website must be responsive to all different breakpoints and respond appropriately as users resize browser windows.
- Five different breakpoints have been mocked up in the Figma design file.
- Use GitHub's Primer Breakpoints as a guide for responsive layouts.
Any external website needs to open in a new tab:
- Open in new tab buttons on the home page need to link to the respective site visualization URL
- Logos linked to websites on the home page
- All links on the research and media pages
- The award number URL in the footer
- Clicking any of the download buttons on the resources page will download the PDF file.
