United States

Product Design

UX Design

UI/ Visual Design

Interaction Design

UX Testing

UX Research

Justine Du

Product Designer

Product strategy

Prototyping

Communication

Collaboration

Problem-solving

Time management

Critical-thinking

Empathy

Team player

Organisation skills

Presentation skills

Stakeholder management

UserTesting

Figma

Creating Outlook product experiences driven by generative Al that help our customers be more productive and create a sense of delight. Striving to make the impossible possible :)

Led the design for Copilot Chat in Outlook from 0→1, now one of the top 3 Copilot experiences in Outlook with 240K+ WAUs. Drove Chat Unification across Office, Fluent, and partner teams, streamlining AI chat experiences across M365 with shared history, consolidated entry points, and output controls. Influenced foundational Copilot design and product principles, shaping guidance on conversational AI interactions and handoff UX. Shipped 11 user-driven Chat scenarios to 100% worldwide, designing seamless experiences within the Chat pane and on-canvas workflows. Shaping the vision and strategy for the future of Search, Assistance, and Chat, conceptualizing an AI-first search experience that connects with Chat rather than competing with entry points—bridging search and conversational assistance into a unified, intelligent workflow.

Consistently drive vision and strategy at the forefront of AI in Outlook, shaping the future of intelligent assistance and user experiences. Actively partake in conceptualizing future-forward ideas with concept videos and prototypes and organizing design sprints.

Led feature design for various Reading Pane experiences on Outlook for the web and desktop

Led the design for Viva Topics integration in Outlook, driving MAU engagement from 19.9% → 27.5% through an A/B experiment. Navigated conflicting business goals between Viva Partners and Outlook, proposing a strategic compromise that balanced Viva’s growth objectives with Outlook’s principle of keeping users in flow—ensuring both adoption and a seamless user experience. Worked closely with PM and engineering partners, iterating on visual treatments to refine the integration without disrupting Outlook’s core experience. A collateral success was influencing the new subject header direction, contributing to a long-term vision of decluttering the Outlook header for improved usability.

Shipped video inline unfurling and recording in email across OWA, Desktop, iOS, and Android, enabling users to communicate complex ideas beyond text—a critical need in the new normal of COVID. Shaped the business strategy to increase OneDrive adoption and video discoverability, addressing its status as the least-used cloud sharing method. Currently at 750K MAU, with 476K MAU using inline playback (as of 5/28/24) and growing. Led a remote design sprint across Outlook, OMG, and Stream partners to define the vision and strategy for asynchronous communication, pushing video as a seamless, integrated part of Outlook workflows.

Outlook for Web (OWA) and iOS

• Designed two end-to-end experiences for the email client, helping users more seamlessly navigate the challenges of email parsing, replying, and referencing
• Led two creative brainstorm sessions for >20 designers in Figma, ideating the biggest challenges of Outlook
• Created and conducted >10 user feedback tests with Usertesting.com, resulting in rich insights that inform data-backed design decisions

Outlook for Win32 Desktop

• One of the four designers transforming Outlook Desktop into a one-stop integrative hub in the productivity realm to increase user engagement and improve user experience 
• Conducted research with moderated/unmoderated user interviews, surveys, and 10 usability tests to solidify the problem statement and inform design decisions in the visual refresh within Outlook Desktop
• Worked cross-functionally with engineers, designers, researchers, and PM’s to ensure consistency across all Outlook platforms

• Spearheaded creation of user experience and UI design of the LA Hacks website with sketches, wireframes, and interactive prototypes
• Collaborated cross-functionally with engineering, marketing, and other designers to ensure branding consistency
• Led an Intro to Voice Design for Smart Devices Workshop to 200+ attendees

• Directed and led an organization that encourages student exposure to innovate creatively driven but technically challenging projects and seek out opportunities for networking events
• Launched initiatives to help students explore the tech and design industry by hosting events and panels

• Developed Accelerated Mobile Pages with HTML/CSS/Javascript to help clients
maximize conversion rates and improve user experience
• Created wireframes & mockups to gather digital assets for new website builds 
• Designed brand style guides including typography, visual “voice,” and color palettes 
• Audited client websites to ensure current web design best practices are in place

• Led multiple Adobe-sponsored workshops in Adobe Xd that introduced UX/UI and Design Thinking skills to UCLA students
• Worked on internal tools and collaborated with board members on creative branding for social media marketing.
• Designed graphics for workshops and networking events.

• Implemented a style guide to establish consistent branding and visual design 
• Created all sketches, mocks, and wireframes to communicate user flows to website branding assets
• Collaborated directly with Design Lead, Executive Directors, Developers, and Marketing Team
• Led an Intro to UX/UI Design workshop to over 100 hackers

Platform: Scratch and MIT App Inventor

• Instructed Silicon Valley middle schoolers Product Design essentials and how to design aesthetically pleasing UI components on screen
• Documented game design and app development process in creating innovative story lines and role-play mechanics
• Guided students in developing logical approaches to problem-solving and critical thinking 
• Served as overseer of Milpitas and Fremont locations in administrative duties and ensured parent and child satisfaction

Cooperated with Creative Labs project team to design a rapid prototyping tool utilizing multiple hand-drawn mockups to render components from our design system into the browser. Used Figma and React.js to design style guides and different constituents of a web page to contribute to the overall product. Collaborated with UX/UI student designers, web developers, and machine learning engineers to craft and transform hand-drawn sketches to a beautiful, high-fidelity product.

Responsibilities:
- Constructed wireframes, prototypes, and high-fidelity mockups for desktop/mobile versions of app
- Designed and determined website components to build a comprehensive library.
- Created style guide to set consistency of desktop app, prototypes, and mockups

Pluto is the first mobile banking app that enables you to achieve your saving goals and build better money habits through gamified bite-sized challenges, personalized and customizable based on your finances.

Responsibilities: 
• Promoted financial wellness/literacy and Pluto's brand to peers and college students across the nation
• Innovated relevant content every week on social media to actively engage students in money-saving tips and tricks, hacks, and self-created challenges
• Reported analytics and results to team members to further improve community participation and awareness in financial wellness and personal finances
• Assisted in research, development, and curation of content ideas and research

• Published articles regarding financial aspects of college on NextGenVest.com's blog
• Provided data analytics and scholarship research to help students become more financially literate
• Developed and executed city-wide social media campaigns on various platforms like Facebook, Snapchat, Instagram, Twitter, etc.
• Connected with partnership developments with local college access programs.

• Directed over 50 clients by managing employee and department directories
• Maintained telecommunication system; gave instructions pertaining to director’s orders
• Answered customers’ inquiries and greeted visitors, increased efficiency by over 200%

Justine Du🇺🇸

About Justine Du

Expertise

Sessions with Justine Du

What mentees say