CDE: Landing Page

[LibbyUX]

CDE Landing Page

User Stories

• As a pediatric pathologist, I want single-cell data, in order to improve disease diagnosis.
• As a user, I need a visually interesting landing page, so I am eager to explore the rest of this website.

Resources

• Design File: Landing
• Prototype Presentation: Landing
• HRA Design System: Component Library
• HRA Design System: Style Guide

Components

Some components are local, while others are sourced from the HRA Design System.

• Website header
• Splash section
  • Visual cards
• VCCF section
• Footer

Landing Page Breakpoints

• 1920px
• 1440px
• 1280px
• Note: Any width smaller than 1280px, starting at 1279px, will receive a screen size notice before viewing or creating a visualization
• 1012px
• 768px
• 544px
• 320px

UI 1920px on 3.29.2024

[LibbyUX]

Clicking the secondary VCCF Poster should open a PDF viewer for this file: VCCF_March2024.pdf

[LibbyUX]

Edit notice:

• Updated original comment with breakpoint links in the Cell Distance Explorer design file.

[LibbyUX]

Hi @axdanbol, @bhushankhope, and @edlu77!

I am unsure who to assign so I'm pinging the crew. I caught something on a second pass of the CDE landing page. This button should open a PDF viewer for the VCCF poster (see my above comment from April 1). Let me know if you have any questions!

[bherr2]

To be clear, we can add the link but we will not embed a PDF viewer. We'll let the browser render it as if it were any other link.

[LibbyUX]

Thank you, @bherr2!