Keller Williams - "Project Leapfrog"
- Creative Director
- UX Designer - My role
- Presentation deck
- High fidelity proof of concept
Real estate company websites haven't changed in 15 years. For “Project Leapfrog,” our challenge was to think beyond minor enhancements, and create a vision for what finding a home online could look like in the near future.
I worked with Fictive Kin's Creative Director, Cameron Koczon, on the overall product strategy and concepts, as well as owning all of the UX design and extension of the new UI styles.
Our vision leverages the power of artificial intelligence to predict which listings a home buyer is likely to be interested in based on their activity within the site. Each time a user logs in, they'll see a stack of new listings, market updates, and various interactive modules that make smart suggestions and collect insights based on what the user likes, follows, or hides. This completely eliminates the need to adjust filters and save searches, and gives realtors a hyper-specific description of what their client is looking for.
Keller Williams was extremely exciting about our solution. They were excited to use our pitch deck, high fidelity mock-ups, and library of interactive modules to push forward innovation plans internally.
Amazon Alexa - Hearables
- Creative Director
- Lead Designer
- Content Strategist
- UX Designer - My role
- Research report
- 2 Vision videos
- UI framework
Amazon hired Fictive Kin for an eight-week project exploring hero experiences for using Alexa on-the-go through headphones and earbuds.
The purpose for the project was to come up with contextually useful feature sets that would make Alexa an indispensable resource outside of the home or car, specifically in the travel, fitness, and leisure segments.
The final deliverables were a 34-page report, two vision videos, and a UI framework. These were used internally by Amazon to scope future work and drive partner engagement.
I lead the user research and team brainstorming portions of the project, and based on our findings and ideation, I created a UI framework showing how the new Alexa on-the-go features could fit into the existing Alexa mobile app.
Our research, videos, and UI framework inspired a lot of cross-team discussion during our final presentation. It was clear we gave them a lot to think about and work with.
We heard positive feedback from the project lead at Amazon, who followed up with us to say our work "put [the Alexa team] in the right spot to move forward."
Marketplace.city
- 2 Founding Partners
- Product Manager
- Product Designer - My role
- Backend Engineer
- 2 Frontend Engineers
- Project Manager
- Art Director
- UI Designer
- Web app
After seeing success with a localized database of smart technology vendors in New York City, founding partners Andrew Watkins and Chris Foreman wanted to expand the platform to city governments worldwide.
The founders and I started by conducting user research to find out what information city innovators need when they set out to implement smart technology. Using these insights, I designed a place for each city to share their successes and current challenges, created tailored communication functionality on vendor pages, devised an informative and trustworthy review system, and established a white-glove onboarding process.
Marketplace.city is now home to over 150 innovative cities around the world.
It won the Innovative Idea Award at the 2017 Smart City Expo World Congress in Barcelona, and the founders have since raised $1.2 million in funding.
Lager
- Hardware Engineer
- Hardware Designer
- 2 Backend Engineers
- 3 Frontend Engineers
- UX Designer - My role
- Art Director
- 3 UI Designers
- Web app
Case study covers a 3-week UX sprint
Diagnostics are a crucial part of the hardware design process, and it typically requires plugging your device into a computer and running an antiquated software program. Lager modernizes hardware diagnostics by using the cloud to connect the hardware engineer to their device through a browser-based terminal via a wireless dongle.
I worked directly with hardware and backend engineers to create a user flow, sitemap, and wireframes that maintained feature parity with the industry standard software, Docklight. I then handed off a complete set of annotated wireframes to the art director and UI designers which they used to create a beautiful terminal reminiscent of many other code editing programs.
As of March 2020, Lager has passionate beta testers at Peloton, and has raised $1.5 million in funding.
Emojiary
- Creative Director
- Product Manager
- Product Designer - My role
- Backend Engineer
- iOS Engineer
- iPhone app
App launched November 2014
Emojiary is an app where you text a tiny chatbot how you're feeling using emojis. The concept came from exploratory user interviews, where the resounding lament was not being in touch with their feelings, but finding the blank page of a journal too intimidating.
As a team, we created a user-centered experience that made expressing your emotions easy and fun. The app was made up of three main pages: Chat, where you make your entries; History, where you can see stats and trends; and Goodies, where you can see the exclusive emojis you earned that were accessible through the custom iOS keyboard. When designing the interface, my goal was to create an environment that felt inviting and unique, but not overwhelming. I achieved this by using colorful gradients, minimal navigation, and subtle animations.
During a month-long beta test with 1,000 users, 75% made daily entries. After three months on the market, the app collected over 300,000 user entries, and maintained a 30% DAU/MAU ratio.
Emojiary was also written about favorably in The Atlantic, Fast Company, and Tech Crunch.