High Fidelity Tablet Screens

[chalimar]

Overview

Please apply site styling to tablet wireframes and ensure content matches with desktop and mobile content.

Dependency

Design system Issue #12.

Resources/Instructions

Figma - Tablet Screens

[chalimar]

Thank you, @ayusheeaithal for your help! We need to review the screens in Figma mirror app to see if we need to make any additional adjustments. 👍

[chalimar]

11.8.20 - Screens have been reviewed in Figma Mirror; attached are some screenshots when viewed on an 12.9" iPad Pro.

Attachment:
CTI - Tablet Screens.pdf

Need Screen Revisions:

• The font needs to be adjusted (need to look at some recommended sizes for tablet/mobile)
• Organization images need to be scaled down (home page)
• Some components need to be scaled down (the tag generator)
• Do we need to make wireframes for horizontal orientation too?

[ExperimentsInHonesty]

Vertical and horizontal table views requested by devs

[chalimar]

11/15/2020

Will update wireframes after front-end demo with Development.

[ExperimentsInHonesty]

@chalimar said that Shin is helping to identify a design system and styling that will enforce consistency throughout the site. #12

[ExperimentsInHonesty]

• See what existing components have already been built out, and add them to the existing figma file with the same naming convention

1. progress: some components already built out
2. Blocks: questions about existing css, etc. / need to connect with developers
3. Availability: free for the weekend
4. ETA: end of next week.

[thesamwong]

TBD: Chali to connect with development, still pending bringing revisions over

[celeste-hub]

Screens need to be updated with the contributor screen on tablet and mobile.

[Olivia-Chiong]

Closed, we are making this for each individual page.