Alto is an email client that organizes all your mail accounts in one place, so you can find what you need even faster. Beyond the typical inbox display, Alto provides organizational tools that automatically highlight important information so you can find what you need when you need it.
I began tackling the four key features of the product in a holistic way as they play into each other and create a unified experience. I would start on one while considering the other three and go through cycles and sprints.
There were a lot of paper sketches, pin-ups/whiteboarding with discussions and critiques. I went through a lot of iterating until we all felt it was something we (Design, Product, and Engineering) were happy with implementing.
Lead User Experience Designer
Sketches Wireframes User Flows Specifications /Annotations
Went through many iterations of how navigation would function between accounts, stacks and folders. Did a round of guerrilla testing around our office to get a general feeling of what was expected.
Account Aggregation - Account Collections
Part of the selling features of Alto is Account Collections. This allows a User to make a collection of all their accounts on one device and be able to move to another device, enter credentials for any one of those accounts and through a secure flow, get access to the others without entering each accounts credentials. Leveraging OAuth 2 flow.
Stacks are certain views or filters of your mail. There are nine system generated stacks: Personal, Photos, Files, Unread, Starred, Finance, Shopping, Travel and Social.
These filter or extract key components from your mail to provide you with faster ways of consuming your email.
Cards are high-level representations of email that allows you to digest faster without having to open and read your mail. We currently provide seven versions of cards: Flights, Trains, Hotel Reservations, Car Reservations, Resturant Reservations, Shopping/Shipping, and Event Reservations.
Lifecycle of Cards
Each card has a lifecycle it goes through that makes them smart and in tuned with the User's location and what we've called the "Date-of-interest". It basically surfaces up cards when it's the most relevant to the User (i.e. your flight being tomorrow would move the card to the top of your dashboard and send a notification)
For those emails that have multiple aspects to them (Expedia - Flight, Hotel and a Car Reservation) we created a system that would display all of that info at a quick glance.
We also allow for pinning so you can find your cards/email quicker.
This is the destination piece in order to make your inbox irrelevant. We surface key components here to make finding and alerting you to what you need to know now and faster.