Ideation & Planning
When I started working on AYI, the foundation of the product was pretty well established, so much of my work was exploring new feature ideas. Over 3 years working on AYI, we launched dozens of major features. "Move fast and break things" was a moto, so many of my ideas went from sketches to production within weeks. Here are various wireframes showing possible layouts and interaction notes as part of my new feature planning process (This is a small selection out of hundreds of sketched wireframes). I was often the one continuing with the visual deisgn so I mainly stuck to sketches or quick high-fidelity mocks to express design options.
Because I was working on a legacy product, improving it meant taking what existing and making those better by better serving deeper needs while reducing friction and frustrations, but also making sure we didn't cut things that were well liked. These are lists of tasks and post-test takeaways for usability tests I've run. I prepare for in-person and remote usability testing with clear tasks and scenarios to have the participants go through. Along with running the session and setting up the screensharing for the product team to watch in a separate conference room, I also produce written UX deliverables with my observations and then actionable takeaways / product recommendations based on those observations.
We were heavily data-driven on AYI where we A/B tested everything with dozens of tests running concurrently. Many tests I got to run myself, and put my own product intuition to the test. This was a series of A/B tests comparing various designs I made for a new micro-transaction promote feature payment modal. I've done extensive A/B testing using our in-house multivariate testing framework, including planning, designing, coding and analyzing tests that have produced meaningful impacts on engagement and revenue.
Web App Redesign
I designed and coded a new aesthetic for the web app that was primarily focused on the header and sub-header for a more modern appearance and clearer information hierarchy. I also designed and worked with the product managers on strategy for the new coin economy and related features.
Before the Redesign
These were two previous incarnations of AYI before I was able to execute my redesign. The first was busy with too much competing for attention. The next version was clean, but a little too basic as it didn't communicate the fun we were looking to capture with quick and easy internet dating.
I wireframed and designed a new homepage and worked on the HTML/CSS and jQuery animations that make up the email signup flow.
Homepage User Flow Chart
High-fidelity flow chart using my final mocks along with filename references (I did the design and some coding for this new homepage)
Payment Page Heatmap
A heatmap generated from Crazyegg (which I set up and managed) for a minimalistic payment page test that I wireframed and designed and coded. This was part of a several-month-long series of A/B tests for radicially different payment pages (another one of my designs won out of the 20 tested).
This is an in-app survey I helped write (and design) with a product manager. I also did some analysis for the survey, querying data from our event logging system that housed the survey results, I built an Excel spreadsheet that shows the percent usage of keywords when users answered the queston “How would you describe AYI to a friend?”
A data visualization for the press highlighting a dynamically-generated trending interest on AYI which I wireframed and designed.
The Friend Inviter (both on-app friends and email contacts from a user's address book) accounting for the various states and uses cases. All Android phone layouts were designed for both protrait and landscape.
The main Browse screen and the Priority Inbox. I also led the design to convert the iPhone app into a universal app to support the iPad.
The Matches screen showing profiles in a card grid. All Android tablet layouts were designed for protrait and landscape optimized for both 7" and 10" screens.