AVAnnotate Styling

Start: April 17th, 2023

To be Completed: N/A

Client: Professor

Staff Guidance: Maddy

Description: This a Figma project that dedicate to a website that promote verbal annotation online. Maddy designed the mockup for the prompt and I’m asked to style it .

The original design:

My Styling:

• I mainly worked on the button tags and tags (the interactive media) to guide the audience.
• I added the little icon in front of each button to indicate the function of the button or where it guide to.
• I also add color block to differentiate each section in a more noticeable way.
• I styled the button with two design: rounded one for the most “call for action” – build the project now; meanwhile, the one with underline is more non-noticeable and just “exist” there.
• For tags, I lower the contrast, as well as keeping the color tones, between the tag and the typo to differentiate it from button.
• I terms of Frequently Asked Questions, I made it stacked with a bigger typo since I believe people wouldn’t care about it until they actually meet a problem.