Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add dismissible CTA bar to current HRA Portal #759

Open
LibbyUX opened this issue Oct 2, 2024 · 0 comments
Open

Add dismissible CTA bar to current HRA Portal #759

LibbyUX opened this issue Oct 2, 2024 · 0 comments
Assignees
@bhushankhope
Labels
app: humanatlas.io Human Reference Atlas website atomic design: molecule A set of component atoms that make a larger component enhancement A feature enhancement to a current interface feature request Feature request for the product team high priority Priority task for product team
Milestone
Develop: DS Align...

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Oct 2, 2024 •
edited
Loading

Add dismissible CTA to current HRA Portal

Please prioritize implementation of this approved feature request design from Katy:

  • Figma: CTA Bar
  • Register Now button route: https://iu.co1.qualtrics.com/jfe/form/SV_bpaBhIr8XfdiNRH
  • Eventually, I will redesign this visually and make a version for the HRA Design System.
  • We will call out the most important feature/priority in this CTA bar. Right now, signing up for the HRA Working Group is the highest priority.

image

Behavior

This design was inspired by CELLxGENE's scrolling dismissible CTA bar. It scrolls with the page and users can dismiss it during their visit. This behavior is perfect:

image

Responsive

C9B67D63-E3C7-4C76-A6BB-E5050DD123A4
@LibbyUX LibbyUX added enhancement A feature enhancement to a current interface high priority Priority task for product team feature request Feature request for the product team app: apps.humanatlas.io apps.humanatlas.io atomic design: molecule A set of component atoms that make a larger component labels Oct 2, 2024
@LibbyUX LibbyUX added this to the Develop: DS Alignment milestone Oct 2, 2024
@LibbyUX LibbyUX added app: humanatlas.io Human Reference Atlas website and removed app: apps.humanatlas.io apps.humanatlas.io labels Oct 2, 2024
@bhushankhope bhushankhope self-assigned this Oct 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bhushankhope bhushankhope

Labels
app: humanatlas.io Human Reference Atlas website atomic design: molecule A set of component atoms that make a larger component enhancement A feature enhancement to a current interface feature request Feature request for the product team high priority Priority task for product team
Projects
None yet
Milestone
Develop: DS Alignment
Development

No branches or pull requests
2 participants
@bhushankhope @LibbyUX