Visual & UI @ HP

Work

• Migrated components from Adobe XD to Figma
• Integrated Microsoft Fluent UI into the HP design system
• Applied dark/light mode to components and patterns
• Created and managed illustrations assets in the UI system

Toolbox

• Figma
• Adobe XD
• Adobe Illustrator
• Jira
• Microsoft Office Suites

The HP Accessory Center (HPAC) allows you to tailor the settings of your supported HP accessories to suit your personal needs. Use the software to customize programmable buttons to help you quickly navigate to your favorite apps, websites, and daily task shortcuts, adjust cursor speed, verify pairing, and check battery status.

I made mp4 videos to showcase the app's features and interactive elements in a visually engaging manner. We planed to embed the videos in the onboarding welcome pages.

Toolbox

• Adobe AfterEffects
• Adobe XD
• Jira

HP Accessory Center App Download for Windows 10

- PROJECT THREE -

HP Audio Conference Tools & Noise Reduction

I crafted illustrations for these two products to showcase the intuitive controls of HP audio tools. The illustrations effectively convey the impact of adjusting the noise reduction mode and transitioning between conference and personal microphone modes. I also have applied the light mode for the final design.

Journey

• Exploring visual inspiration
• Sketching and concept development
• Digital illustration
• Finalization and delivery with UX Design
• Applied light-mode for the final version

Toolbox

• Adobe Illustrator
• Adobe Stock
• Figma
• Jira