MVP2 Header

[LibbyUX]

MVP2 Header

Design Notes

UX Modifications

• FTU Explorer logo button: routes to landing page
• Using the FTU Explorer button: routes to the landing page UI annotation section
• Contact button: opens contact modal overlay with background
• HRA logo button: routes to the HRA Portal by opening this page in a new tab

  UI Modifications

• Aesthetic updates: Padding, spacing, color styles, and font updates
• Additional buttons
• New logos for the FTU Explorer and the HRA Portal

Resources

• Prototype Presentation
• MVP2 Local Header Component
• HRA Design System

MVP2 versus MVP1

[LibbyUX]

Just a heads up, I made small modifications to the header, so that it would better match the design system, instead of using locally created components in the FTU Explorer Design file. I will edit the above with new links/screenshots today.

[LibbyUX]

This is not feasible for this cycle and more design updates will occur to this component. We will revisit in Y3. Thanks!