Gallery
Welcome to the gallery. Here’s work from Airtime, Eyefluence, JustVisual, Inc. and the Yahoo! Also included are highlights from Intuit, Teradata, Verizon NetworkFleet and Digital Instincts. Click any thumbnail to see a larger version.
Generate Group Genius
Designed customized Wordpress and Elementor responsive website and social media campaigns for new startup in Ashland, OR. Worked with founders to ideate and create corporate branding and messaging, as well as marketing assets, style guide and video production.
GANGAJI FOUNDATION
Designed online, mobile and social media programs, including IOS and Android mobile apps and website that utilizes Wordpress, Elementor and Shopify. Site launched August 2019 and has seen doubled user visit duration and page visits with increase in mobile device usage by 30%
Here are some site wireframes designed for new and various member subscription use cases. Wireframes were crucial in determining content on long-scroll screens to test our hypotheses as well as pointing out areas we needed to test with users, execute card sorts for titling and looking at overall user flows per use case.
Homepage design features a hero directed at new visitors to expand audience offerings and a curated what's new area as hypotheses to increase return user visits
Site offers a customized user dashboard experience, which up levels their subscription content in an easy to digest format
Gangaji's biography page features a long scroll, placing most wanted info at the top and the opportunity to continue scrolling for deeper background information
Using analytics and user testing, the redesigned video library presents select, timely and categorized content with links to access larger numbers of videos per category. Also offered is an advanced search that allows filtering by keywords, video length, category and date ranges.
The organization newsletter is now integrated within the website in easy to update Elementor templates (as are all screens of the website). Users can easily view the newsletter table of contents and link to full articles.
Kiva.org
Delivered solutions with a minimum engineering ask and maximum results for newly launching IOS app for Kiva.org. Worked closely with internal stakeholders, marketing and internal staff designers on app launched in March 2020. Designed and delivered streamlined user flows, UI improvements, typographical audit and video on boarding as well as participated in user testing.
New user flow from welcome to purchasing their first loan. Optimized for ease of use and low engineering cost. Streamlined number of required screens, unified button titles and implemented best practices around UI.
On the left is the original app design, and on the right is new redesign audit. Took into consideration fonts, font sizes, white space, brand colors and CTA color differentiation
In new user experience suggest simple setting control to add monthly subscription. Proposed as an A/B test, the setting UI design could convert over standard marketing upsell screen.
Other sketches/higher fidelity designs for app home. Kiva's brand is highly visual, so these designs propose to emphasize loan photos.
Created many animations for engineering team to demonstrate visual movement and timing. This one was for animating a timer nub that slides out and alerts user to time remaining on loan reservation.
This is the beginning concept that led to a longer visual sequence seen once only by new app users. It's designed for emotional impact, it features donor video along with educational content. This is a rough .gif export to give you a sense. Final is more polished.
AIRTIME MEDIA
Lead product designer in enhancing user experience while growing audience in Airtime social media app. Worked closely with PM and backend technical teams to ideate, design, wireframe and prototype a number of app features for the existing app. Initiatives encompass a wide range of projects including researching user pain points in order to provide better UI, introduction of talking avatars, simplification of UI across app around people management, and integration of new company branding.
To visually describe the illustration style, myself and two other designers contributed to my mood board. We found inspiration in apps like Snapchat, Snow, and in several professional illustrators.
I created some visual mockups of how the default IOS eye and mouth tracking could work with transparent png animated frames.
I took the final set of drawings from myself (avocado and talking butt) as well as other designers (talking llama, cat, robot, fidget spinner and skull) and animated them using AfterEffects and Bodymovin (Lottie) and exported as json.
Here's the final media selection bar in a chat session mockup.
Developed a less-interruptive UI of prompting user actions we coined a "Nudge". The background would split, revealing a sub-layer and prompt messaging. If user doesn't react within time frame, nudge disappears.
High fidelity mockup of the YouTube tray open. This design was imported into an Invision prototype to test with internal team and our user testers.
This mockup shows Soundcloud tray with song preview and invite to post to room.
This mockup is showing the photo selection tray from the media bar.
This is one of the original on boarding screens prior to the branding redesign. It featured a faded, heavily duotoned looping video with CTA. I was tasked to work with our agency Collins in SF to incorporate a new brand they had designed.
Eyefluence, Mt. View, CA
Expanding experience into Virtual and Augmented Reality field. Served as Sr. UX/UI Designer, driving design and user experience testing on an innovative UI that integrates eye-tracking with natural eye bio-mechanics in the latest Augmented (AR) and Virtual Reality (VR) Headsets. Contribution – Conducted key user research, developed new UI and prototypes with latest in VR/AR technology.
Ideation session for Augmented Reality standby-mode. Allows a user to visually deactivate visual overlay of AR glasses
A Unity prototype used in user testing to determine best contrast, color and distance for visual targets in a Parafovial menu
Built a Parafovial menu using a specialized Unity Sandbox tool
Prototype for measuring the ability for users to select objects over a visually complex background
Quote!
Ideation for training prototype
3D Unity prototype where users could kick the beachballs using their eyes.
Unity prototype allowing users to select a hidden menu and change the color of the beachball
Eyefluence was acquired by Google in October!
JustVisual, Palo Alto
Top award winner at Mobile Photo Connect Conference 2015 and a 2015 Webby Award for LikeThat Décor mobile web.
Hired to better understand users’ desires, needs, motivations and contexts when designing a suite of mobile and web products powered by a patented AI Visual Search Technology. In some cases the challenge was to introduce users to the disruptive concept of submitting a photo as a query. Result is a “LikeThat” titled award winning suite of IOS, Android and web apps around women’s fashion, home decor, plant identification, finding a pet and facial recognition game. Contribution – Designed award winning IOS, Android and web app suite containing patented visual search algorithm.
The InSite plugin searched within recipe websites and presented users with similar recipes instantly.
The InSite plugin found similar images limited to recipe websites, thus presenting the user with similar recipes instantly
The WindowShopper Plugin allowed users to instantly see offers on similar items across other websites
Began designing for an API that would scan site images and find similar
LikeThat Decor Home gallery is a place users can tap anything they like and in seconds see a variety of products just like that from various vendors and price points.
Designed editorial screen from LikeThat Decor App with content from Interior Designers with searchable products.
An early Balsmiq wireframe of main sections and is "camera" centric.
An idea I created on how AI visual search technology could not only return similar images, but a variety of content attached, such as where to buy locally, how to make it, and history of that type of cake.
Yahoo! Sunnyvale CA
The problem to solve was “To delightfully give user’s the info they wanted”. Challenges – stakeholders wanted to add a large amount of new, detailed weather data in a traditional, tabbed, multi-screen mobile UI. To dive deeper into what was happening with current users, I had the team install analytics on the old Android app. Surprisingly we found most users opening the app up to 3x daily for about 10 seconds. This data insight paved the way to exploration around the new UI ideas. Next came ideation, sketching, creating and pitching a number of prototypes to Yahoo’s CEO, upper management and Apple executives. The final design gave users the snippet of info they were looking for, but also the delight of a beautifully shot local photo and option to explore more data with a simple swipe up. Contribution – Full lifecycle of Yahoo! Weather app creation.
App won Apple Design Award in 2013
Began sketching ideas for visually representing weather data that would be understandable at a glance and take less cognitive load.
Sketched a number of approaches to UI, from transition tab bar navigation to more innovative idea of a long scroll, which was not done in mobile at the time.
Pitching the idea of the innovative long scroll, which was only being done on the web at the time, I created a number of IO prototypes for the team to experience.
I created a number of prototypes, everything from accordion to long scroll. This is the wireframe for accordion.
This on has a trailing button that relaunches menu when tapped
Used Invision to string together some higher fidelity mockups to get a feeling for navigation
I worked with the team around several iterations on the final color and design treatments based on Yahoo! brand and Flickr photography.
Another take on the visual design.
Intuit, QuickBooks, Mt. View CA
Point of contact for IPD – Coordinated with marketers, users and development staff to define need, understand user goals and gather business requirements on 65+ projects for QuickBooks Online, Mobile and desktop. Contribution – Point of Contact for IPD for Quickbooks Online
Designed a number of flows and visuals around getting current QB users to turn on and use Payroll Services. Increased sign up by 35% with simple checkbox UI.
Ideation on learning what users potentially wanted around check services. Came up with a number of hypotheses to user test on.
Created this dry test to determine which features users were interested in most.
Screen asking about industry, so that we could taylor the app experience based on their scenario
I often user problem statements with during customer interviews, asking them to fill in some themselves and give feedback on some our internal team created.
Narrowing on hypotheses I often used 2x2 to up level ideas based on two different requirements (for example, highest user delight and easiest to engineer.)
Originally this screen asked for a lot more information. I redesigned this screen to have minimal input, which resulted in higher signup percentage.
A great ideation tool, F.O.G. (Fact, Opinion, Guess) is a great way to explore how much the team knows about an area. The exercise then points out areas where we need research, or where we need investigate further.
One of the many flow diagrams showing the path for a "dry test" we ran in Android.
Intuit, TurboTax, San Diego CA
Hired by Intuit to improve and develop tax software TurboTax core, mobile and in-product upsell resources. Led ideation sessions, and remote and onsite usability studies. Developed support materials that include persona development, follow-me-homes and user journey lines. Contribution – Responsible for complex TurboTax core user experience in 401k, rental property income and stock sales areas.
Worked closely with tax accountants, examined a number of stock sale forms from brokers, to determine best UI for error free entry of stock sales.
Redesigned flow to be considerably easier and shorter repeat donation to past charities use case. In UI, Dropdown menus also shortened data entry for all users.
Winner of the Scott Cook award and annualized 11M in revenue, the screen uses behavioral economics to prompt users to upgrade to the right product for them.
Designed this screen, which utilizes the Relative Choice Behavioral Economic, to get users to upgrade.
Designed a screen to ask for user feedback around how much help they want and need in doing taxes. The outcome of this form led the user to the right level of product and tax support.
To visually show users the benefit of filing state taxes with TurboTax, this screen animates and shows what data transferred and automatically filled in, requiring no user input and adding value.
Worked with marketing to develop ways to introduce TurboTax Personas to the company. I had the idea to make life-size cutouts of each persona, so they could attend meetings and be fresh in everyone's mind.
To make our personas even more real, the team mocked up their Facebook page. We also did a field trip where we took photos of the cut outs in their favorite locations and with (fake) family members. It was really fun!
Helped redesign the Partner Program Website, both from a content flow perspective as well as a visual redesign.
Teradata, San Diego CA
Conducted qualitative research sessions with SME’s, engineers and users leading to requirements gathering, prototypes, wireframing, and persona development around DBA portet tools. This evidence was key in honing in on technology DBA’s needed to solve their large-scale database operations. Contribution – Chaired user testing research and focus groups that revealed pivotal insights around a large scale initiative.
To aide the ideation session with SME's, I had this prompt board with keywords that could stretch thinking and perspectives in new directions.
Ideation session around one of the database portlets.
Rough sketch for how portly could show data at different time intervals.
Wireframe showing data contained in TD Admin portlet.
Another wireframe for TD Admin portlet
Used Confluence to create this UI spec for Engineering team.
Verizon Network Fleet, San Diego CA
Hired to explore and execute a user experience study and resulting UI/Visual Design change for their flagship real-time GPS tracking and diagnostics system software that maintains 100K+ vehicles. Contribution – Advised stakeholders to initiate key user testing study and redesigned app to Enterprise level.
Final enterprise level app redesign of the "Map View"
Final app design - Fleet Manager Dashboard. Allows managers, at a glance, monitor entire fleets of vehicles and easily be alerted to hotspots and issues.
Ideation for NWF App. Since this redesign happened a year after the iPhone release, I mockup up an app for the first iPhone!
One of the many wireframes, this one shows web based UI for seeing the location of a geo-fence ( a geography based range in which a vehicle can travel and not breach).
This screen shows all current "alerts" in the system and allows users with access to drill down and get alert details.
The app allows users to search with a variety of criteria, such as vehicle type, user, location and geo fence. This wireframe demonstrates the different states of the left navigation area depending on search type.
Digital Instincts, NY NY
Gathering stakeholder requirements/specs, XD design asset creation and brand implementation for an extremely diverse range of US and global corporations such as The New York Times, Warner Bros, MTV, Lancome, Maybelline, People Magazine, United Way, Shu Uemura and more. Contribution – Co-founder and Design Manager of web design agency to various fortune 100 and NY based companies.
Worked closely with advertising agency and internal team while redesigning the Lancome.com website in 2007.
Designed templates to maximize product sales while layouts mimic top fashion magazines, thus creating a great user experience.
One of the many wireframes for the sire redesign. Focuses on user experience, and easy to use UI.
Redesigned this People sign up form to include the current "hot-newsstand cover", making desirability of current content fresh in users mind. Redesign increased sign up by 71%.
For over two years, I designed custom emails for Lancome's weekly customer email. This is one around Valentine's Day.
Custom designed screen for the holidays
Final visual design for Shu Uemura website
Designed custom emails for Lance for over two years. This is one for a product Absolu.
Created a custom CD rom with images, info and video for Matrix Haircare. CD featured guest hair stylists, video tutorials, full sound and info for ordering.