[MIGRATION - UXD] As MILES HARDIN I want the FAQ page to be up-to-date with the latest design system so that I can get a consistent and cohesive experience

[JulieMass]

Considerations:

The universal design team has recently launched and introduced their new design system styleguide to our team in March 2024.

Scope for this task: Our team is going to implement these updates in our FAQ page Mockup designs in order to address this in future development.

Relevant documentation

FAQ Related:

• Original ticket task (for history) owned by Marilia #1361
• FAQ Content (.doc)
• [UXR Analysis, synthesis & ideation (FigJam file)
• In our Figma file of “[DL - IdeaSpace] Analogous Inspiration” we have some screenshots of other competitor’s FAQs pages

Migration & design related:

• [Org Sprint] New Design system presentation by the Universal Design team - March 2024 (.ppt)
• New design system style guide by the Universal Design Team
• IdeaSpace UX designs in Figma

Acceptance criteria:

• The FAQ page mockups have implemented the following updates from the new design system style guide:
  • New grid
  • Typography (Headers now are in Oswald font)
  • Components are updated and linked with the new style guide
• Images for the FAQ content were included in FAQ Content (.doc)
• Mockups are web responsive and include the 3 breakpoints of Desktop (XL), Mobile (Default) And Tablet (SM)
• Final and approved mockups were included in the “LATEST DESIGNS” layer in Figma

---

Sub-tasks:

• [ ] UX design: Hi-fi mockups for FAQ page

---

[JulieMass]

(CC. @AlinaU1, @NokaUX)

Hey @julianalobosque ,

Just created a task for the FAQ migration. Could you take a look and let me know if anything needs adding or changing? If everything looks good for you, please go ahead and mark a final estimation.

Heads up: Marilia never got to design mobile/tablet layouts for this. We discussed it with the devs after she left, and since it's a simple page, they thought the desktop layout might be enough. Depending on your design tweaks, we might need to double-check that with them again.

Another thing Marilia was working on (before leaving) was adding images to the content for better clarity. So I added this task in the acceptance criteria.

Let me know if you have any questions please,

[julianalobosque]

Hi Julie, thank you.

Before doing the estimate work, I just want to check if the previous FAQ page mockup that needs to be worked is the one located in the "archived" page on figma, cause the "FAQ" section in the others figma pages are empty.

Thank you

[julianalobosque]

Hello, Please disregard my previous message. Now the image you attached of the mockup that needs migration that is in the "archived" page on figma is appearing, so all clear! Thank you

Thanks for the orientation. Regarding the work estimation, should I just inform you the number of the story points estimate for this ticket or there is a way I update this information here on zenhub myself?

Thanks

[JulieMass]

Hello, Please disregard my previous message. Now the image you attached of the mockup that needs migration that is in the "archived" page on figma is appearing, so all clear! Thank you

Thanks for the orientation. Regarding the work estimation, should I just inform you the number of the story points estimate for this ticket or there is a way I update this information here on zenhub myself?

Thanks

I’m glad the screenshot helped clarify 🙂.

Yes, to save some time, we're skipping the poker planning this time. Please feel free to update your final estimate directly in Zenhub.

Thanks,