Leading design as a senior principal product designer across multiple zero-to-launch features. Currently focused on enabling data scientists to build AI models responsibly, and influencing the design culture at Domino.
Twilio
Led design as a principal product designer on the AI team. Focused on AI-powered products and features in the realm of speech. Designed the conversational bot platform called Autopilot for people to build and train omni-channel bots.
Created and conducted workshops with customers on building conversational AI experiences. Spoke at conferences on the topic of conversation design. Interviewed on the podcast VUX on designing conversations that build trust.
Voice intelligence platform for customer call annotations
eBay
Led end-to-end design for multi-surface, AI-powered shopping assistants in Google Assistant, Facebook Messenger, and upcoming partners in the United States and Australia.
You can read some of my thoughts on designing for AI on Medium.
Led product design as a founding team member. Large is a personal bot built to get your team whatever it needs. Majority of the experience lives inside of the chat platform Slack. The user interface is expressed through text, and the user experience is expressed through scripts and workflows. Brand and visual design are crucial, though majority of the design process is observing behaviors and gathering data from the agent team, creating workflows with the engineers, hacking around constraints, and designing for the unknown. The strategy behind the examples featured here are specific to Slack, but can translate to other text-based platforms.
Homepage (desktop) iteration focusing on the language of "personal bot", integrations, and automation.
Sticky nav appears on scroll and disappears when it reaches form field on the bottom of the page. Using images to support the logos so it doesn't feel like a sea of logos.
Homepage (desktop) iteration focusing on the language of "personal bot", integrations, and automation.
Sticky nav appears on scroll and disappears when it reaches form field on the bottom of the page. Using images to support the logos so it doesn't feel like a sea of logos.
Created scripts initially to address on-boarding and scale. New teams were greeted with a welcome message with suggestions on what to use Large for. Booking a flight, having your office cleaned, and buying coffee beans for the office were a few of the scripts ready to go with the on-boarding.
Most teams have multiple cards on file with different permissions. An automated checkout flow was created to assure all transactions are being charged and to the right credit card. Worked closely with the agent team to discover and tackle problems with completing transactions.
Slack message attachments for collecting credit card info based on the checkout flow. Credit cards are broken into different permissions based on the team's preferences.
Most teams have multiple cards on file with different permissions. An automated checkout flow was created to assure all transactions are being charged and to the right credit card. Worked closely with the agent team to discover and tackle problems with completing transactions.
Checkout flow for collecting and charging credit card. Minimize the orange boxes, where an agent is speaking directly to a customer.
Slack message attachments for collecting credit card info based on the checkout flow. Credit cards are broken into different permissions based on the team's preferences.
Checkout flow copydeck
Created an automated flow for collecting and confirming a customer's address.
Address flow for selecting and adding an address
Created a curated list of office manager tools as a separate content site to increase awareness for Large.
Landing page
Gif for posting
Assembly
Led product design for the platform that brought designers, engineers, product managers, and whoever together to build software. Transformed the product into a changelog platform where communities are building products publicly. It was a new way of designing for me as I was posting scrappy designs daily on our public changelog to solicit feedback from the community.
Landing page leverages current activity to explain the product
Landing page leverages current activity to explain the product
Create changelog empty state
Create changelog filled state
Changelog preview with no content
Writing post interface
A post showpage
Create changelog filled state
Writing post interface
Responsive mobile view of a post showpage
Changelog feed features all posts for the day and most hearted posts for the past
Success center provides data on engagement and followers for changelogs admin has access to
Profile for contributor lists all posts individual was a part of
Changelog feed features all posts for the day and most hearted posts for the past
Success center provides data on engagement and followers for changelogs admin has access to
Profile for contributor lists all posts individual was a part of
Prototype: Storage app
First iteration of a marketplace app for storage. Drop off your items at a neighborhood spot while you're out after work, store extra items at your neighbors for weeks, or have your packages delivered next door while you're away. Figuring out the value prop, the type of storage people would want to offer and to rent, and the least amount of information needed to return the best results were some of the challenges tackled while designing the prototype. Worked on this as a startup with a small team.
Curated, location-based, food-discovery for people who appreciate
the art of food and photography. Decision making is time consuming. Thymely is a clock that tells you what to eat right now and where to get it. It promotes restaurants and food photographers. Besides being a chrome extension, it has potential on smart watches and phones' lock screens. It started as a fun idea while I was learning front-end.
General Assembly
Led product design for General Assembly site and internal tools.
Redesigned the full-time course landing page to tell a better story of its offerings and who it's for. Created a more scalable nav that stays with the user throughout the page. Tested wireframes with prospective students who never finished the application process. Objective was the find out what made them hesitate.
Replacing the generic CTA (Request Info) with a specific one (Get Syllabus) has shown an increase in leads. The biggest impact for increasing conversion came from the redesign of the info session form and the placement of the primary "Apply" CTAs. They each contributed 22% (and growing) of the increase in conversion. This data was taken a few weeks before and after the redesign.
View more of the design on a wider screen
One-page layout for immersive landing page
Responsive mobile view of immersive landing page
Expanded and refreshed the site's user interface, icons, and type.
Global navigation
Responsive mobile view of global nav
Subtle background holds the icons in a consistent shape. Accent color adds contrast to a flat shape.
Buttons, forms, navigation
Created a survey app that maintains brand consistency and efficiency for the surveys we create and send to our students and the community. The surveys needed to be easy to complete and the app needed to present data that the internal team can use immediately.
Interviewed internal team members who create and send surveys, members who analyze data for decision making purposes, and students who've taken many of our surveys.
To get us a big step closer to efficiency, we've created survey templates, engagement emails, result digests, usable results, and more streamlined admin tools.
Survey template design
Responsive mobile view of survey template
Seedstore
Seedstore is a boutique in San Francisco. Designed their responsive site and blog.
Homepage
Responsive mobile view and nav
The blog is separate from the e-commerce site to provide more flexibility and focus on the navigation. This layout allows for a bigger primary image, visible on all breakpoints, and a smaller secondary image, hidden on mobile.