Outlook Events
While I was managing the Outlook Accelerator design team, I also acted as design lead and an IC product designer on a project known as Outlook Events.
An event page in the web app for Outlook Events
Screen recording of hover interactions on the “create” page. I designed this experience in Figma, animated the illustrations in After Effects, and shipped them with Lottie.
Responsive & Adaptive
With this project, we not only had to consider the responsive behavior across different device widths - we also had to account for a user’s ability to access Outlook Events as a standalone experience in a browser, within the Microsoft Teams app shell, or within the Outlook app shell.
I created the following designs for the event page, detailing the reflow behavior across breakpoints and endpoints.
Design redlines for all breakpoints down to mobile width, with instructions for content reflow behavior and prioritization
Side-by-side of events app being hosted in Teams and Outlook