top of page
Hero image
Hero image
1/1
OVERVIEW
​
I was assigned to create high-fidelity prototypes for mock-ups showing television interface interactions, and also create editorial and visual images for digital interfaces to increase engagement.
My Role
UX/UI Designer
Visual Designer
Tools
FIgma, Framer, Sketch, Adobe Photoshop, Adobe Illustrator, Adobe After Effects
Involvement
Sketching, Research, Wireframing, Prototyping, Usability Testing, Interaction Design, Design Library Organization, and Animation
Date
July 2021 - July 2022
USER
NEEDS
"I'd like to see shows more catered to my
taste and suggestions."
"I like the dark interface."
Over 90% of our users preferred the dark mode interfaces over lighter interfaces. Adjustments were made to make sure image assets and texts aligned well with the dark mode settings.
ITERATIONS
Artwork adjusted to fit the dark mode and allow users to clearly read text, adhering to WCAG guidelines.
​
We wanted to allow users to easily navigate intuitively and also be assisted in picking choices through subtle designs and animations such as with creating borders and effects in movement.
WIREFRAMES
ACCESSIBILITY
WORK SANS is used for all marketing communications as it is a welcoming and legible type.
Fonts must be #FFFFF in active states and #F6F6F9 in inactive states, in order to pass WCAG
DESIGN SYSTEMS
I was tasked in creating icons and other assets for the library design systems in Framer, then later to Sketch.
The video is a short clip of how an icon would become a variant and input into the design library so that all the icons can be used across various projects and interfaces.
Documentation would later be put on
Confluence explaining the icon changes and sizes
made, and where to find the assets.
TAKEAWAYS
bottom of page