Designing a virtual Zoom background

[phuonguvan]

Overview

When we present our organization to stakeholders and interviewers, we need a professional and dynamic Zoom background that represents HFLA.

Action Items

• [x] Brainstorm ideas for designs
• [x] Review ideas with the design lead
• [ ] Design low-fi prototypes of the Zoom background
• [ ] Review low-fi designs with the design and product lead
• [x] Design hi-fi prototypes of the background
• [ ] Review hi-fi designs with the design lead
• [ ] Review the final designs with the design lead

Resources/Instructions

• Figma, Design Systems
• Sijia's Figma

Details

This can be used as a reference for a Zoom background where an organization makes it matches their slides theme.

Website Screenshot

Design file

[github-actions[bot]]

Hi @phuonguvan.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing: Size, Role, Feature

NOTE: Please ignore the adding proper labels comment if you do not have 'write' access to this directory.

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards. To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels

[github-actions[bot]]

Hi @sijiapitts, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:- i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?) ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[sijiapitts]

Created a few versions. Waiting for review. Design file: Figma link

[ExperimentsInHonesty]

@sijiapitts please see the example provided at the top of this issue. The current mockup is not dynamic. The example has movement in the design so that when the person is speaking it draws your attention to them in a way that makes them seem powerful

The mockups you provided have our logo and colors but are appearing flat, so it covers the requirement of being professional, but it's not dynamic or interesting. I have sent this to the Research Team for feedback as well.

Don't feel overly constricted by our colors. Maybe look at the new homepage design for inspiration.

[ExperimentsInHonesty]

Also, if you don't have time for this, feel free to move it back to the prioritized backlog, in order, and remove yourself from it.

[sijiapitts]

Unassigning myself from this issue. I don't think I have the skillset to make animated/video zoom backgrounds.