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.

GGG_Home
GGG_Home
press to zoom
GGG_About
GGG_About
press to zoom
GGG_About2
GGG_About2
press to zoom
2
2
press to zoom
1
1
press to zoom
8
8
press to zoom

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%

Wireframes
Wireframes

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.

press to zoom
Home Page
Home Page

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

press to zoom
User Dashboard
User Dashboard

Site offers a customized user dashboard experience, which up levels their subscription content in an easy to digest format

press to zoom
Bio Screen
Bio Screen

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

press to zoom
Video Library
Video Library

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.

press to zoom
Newsletter
Newsletter

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.

press to zoom

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
New User Flow

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.

press to zoom
Before and after Visual Design
Before and after Visual Design

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

press to zoom
Turn on Monthly Good
Turn on Monthly Good

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.

press to zoom
Design treatments
Design treatments

Other sketches/higher fidelity designs for app home. Kiva's brand is highly visual, so these designs propose to emphasize loan photos.

press to zoom
Nub animation
Nub animation

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.

press to zoom
Warm Welcome Video
Warm Welcome Video

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.

press to zoom

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.

Avatar Mood Board
Avatar Mood Board

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.

press to zoom
Avatars Eye & Mouth Tracking
Avatars Eye & Mouth Tracking

I created some visual mockups of how the default IOS eye and mouth tracking could work with transparent png animated frames.

press to zoom
Final Set of Avatars
Final Set of Avatars

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.

press to zoom
Media Bar Final
Media Bar Final

Here's the final media selection bar in a chat session mockup.

press to zoom
Go Live Nudge
Go Live Nudge

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.

press to zoom
Media Bar - YouTube
Media Bar - YouTube

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.

press to zoom
Media Bar - SoundCloud
Media Bar - SoundCloud

This mockup shows Soundcloud tray with song preview and invite to post to room.

press to zoom
Media Bar - Photos
Media Bar - Photos

This mockup is showing the photo selection tray from the media bar.

press to zoom
Old Version of On Boarding
Old Version of On Boarding

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.

press to zoom

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 for AR Standby
Ideation for AR Standby

Ideation session for Augmented Reality standby-mode. Allows a user to visually deactivate visual overlay of AR glasses

press to zoom
Parafovial Target Unity Demo
Parafovial Target Unity Demo

A Unity prototype used in user testing to determine best contrast, color and distance for visual targets in a Parafovial menu

press to zoom
Unity Sandbox Tool
Unity Sandbox Tool

Built a Parafovial menu using a specialized Unity Sandbox tool

press to zoom
Complex Background Prototype
Complex Background Prototype

Prototype for measuring the ability for users to select objects over a visually complex background

press to zoom
Quote
Quote

Quote!

press to zoom
Ideation for Training Flow
Ideation for Training Flow

Ideation for training prototype

press to zoom
Unity Prototype
Unity Prototype

3D Unity prototype where users could kick the beachballs using their eyes.

press to zoom
Unity Prototype
Unity Prototype

Unity prototype allowing users to select a hidden menu and change the color of the beachball

press to zoom
Google!
Google!

Eyefluence was acquired by Google in October!

press to zoom
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.

InSite Food Plugin
InSite Food Plugin

The InSite plugin searched within recipe websites and presented users with similar recipes instantly.

press to zoom
InSite Food Plugin
InSite Food Plugin

The InSite plugin found similar images limited to recipe websites, thus presenting the user with similar recipes instantly

press to zoom
Windowshopper
Windowshopper

The WindowShopper Plugin allowed users to instantly see offers on similar items across other websites

press to zoom
Shop the Look API
Shop the Look API

Began designing for an API that would scan site images and find similar

press to zoom
LikeThat Decor Home Feed
LikeThat Decor Home Feed

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.

press to zoom
LikeThat Decor Editorial
LikeThat Decor Editorial

Designed editorial screen from LikeThat Decor App with content from Interior Designers with searchable products.

press to zoom
Project Marlin Wireframe
Project Marlin Wireframe

An early Balsmiq wireframe of main sections and is "camera" centric.

press to zoom
Project Marlin - Food
Project Marlin - Food

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.

press to zoom
LTD_color
LTD_color
press to zoom

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

Weather Data Visualization Sketch
Weather Data Visualization Sketch

Began sketching ideas for visually representing weather data that would be understandable at a glance and take less cognitive load.

press to zoom
UI Sketch
UI Sketch

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.

press to zoom
IO Wireframe Prototype
IO Wireframe Prototype

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.

press to zoom
Accordion Wireframe
Accordion Wireframe

I created a number of prototypes, everything from accordion to long scroll. This is the wireframe for accordion.

press to zoom
quote from Jony
quote from Jony
press to zoom
Another wireframe
Another wireframe

This on has a trailing button that relaunches menu when tapped

press to zoom
Higher Fidelity Prototype
Higher Fidelity Prototype

Used Invision to string together some higher fidelity mockups to get a feeling for navigation

press to zoom
Visual Design
Visual Design

I worked with the team around several iterations on the final color and design treatments based on Yahoo! brand and Flickr photography.

press to zoom
Visual Design
Visual Design

Another take on the visual design.

press to zoom

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

QuickBooks Payroll
QuickBooks Payroll

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.

press to zoom
Ideation Session
Ideation Session

Ideation on learning what users potentially wanted around check services. Came up with a number of hypotheses to user test on.

press to zoom
Android Dry Test
Android Dry Test

Created this dry test to determine which features users were interested in most.

press to zoom
Industry Question
Industry Question

Screen asking about industry, so that we could taylor the app experience based on their scenario

press to zoom
Problem Statements
Problem Statements

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.

press to zoom
2x2 Voting
2x2 Voting

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.)

press to zoom
QB Signup
QB Signup

Originally this screen asked for a lot more information. I redesigned this screen to have minimal input, which resulted in higher signup percentage.

press to zoom
F.O.G.
F.O.G.

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.

press to zoom
Android Dry Test Flow
Android Dry Test Flow

One of the many flow diagrams showing the path for a "dry test" we ran in Android.

press to zoom

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.

TurboTax Investment Area
TurboTax Investment Area

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.

press to zoom
Donations Flow
Donations Flow

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.

press to zoom
TurboTax Year over Year Screen
TurboTax Year over Year Screen

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.

press to zoom
In Product Discovery Marketing
In Product Discovery Marketing

Designed this screen, which utilizes the Relative Choice Behavioral Economic, to get users to upgrade.

press to zoom
Slider UI
Slider UI

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.

press to zoom
Year over Year Transfer
Year over Year Transfer

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.

press to zoom
Personas
Personas

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.

press to zoom
Persona Facbook Page
Persona Facbook Page

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!

press to zoom
TurboTax Partner Program
TurboTax Partner Program

Helped redesign the Partner Program Website, both from a content flow perspective as well as a visual redesign.

press to zoom

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.

Glass Factory Ideation
Glass Factory Ideation

To aide the ideation session with SME's, I had this prompt board with keywords that could stretch thinking and perspectives in new directions.

press to zoom
Teradata Ideation Session
Teradata Ideation Session

Ideation session around one of the database portlets.

press to zoom
Data Dictionary Portlet
Data Dictionary Portlet

Rough sketch for how portly could show data at different time intervals.

press to zoom
Wireframe for Teradata TD Admin
Wireframe for Teradata TD Admin

Wireframe showing data contained in TD Admin portlet.

press to zoom
TD Admin Wireframe
TD Admin Wireframe

Another wireframe for TD Admin portlet

press to zoom
Teradata UI Spec
Teradata UI Spec

Used Confluence to create this UI spec for Engineering team.

press to zoom

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 Redesign Verizon NetworkFleet
Final Redesign Verizon NetworkFleet

Final enterprise level app redesign of the "Map View"

press to zoom
Final Redesign Verizon NetworkFleet
Final Redesign Verizon NetworkFleet

Final app design - Fleet Manager Dashboard. Allows managers, at a glance, monitor entire fleets of vehicles and easily be alerted to hotspots and issues.

press to zoom
NetworkFleet Mobile App
NetworkFleet Mobile App

Ideation for NWF App. Since this redesign happened a year after the iPhone release, I mockup up an app for the first iPhone!

press to zoom
Wireframe for Geo Fence
Wireframe for Geo Fence

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).

press to zoom
Alert Activity Screen
Alert Activity Screen

This screen shows all current "alerts" in the system and allows users with access to drill down and get alert details.

press to zoom
Left Navigation wireframe
Left Navigation wireframe

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.

press to zoom

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.

Lancome.com
Lancome.com

Worked closely with advertising agency and internal team while redesigning the Lancome.com website in 2007.

press to zoom
Design Templates
Design Templates

Designed templates to maximize product sales while layouts mimic top fashion magazines, thus creating a great user experience.

press to zoom
Lancome Wireframe
Lancome Wireframe

One of the many wireframes for the sire redesign. Focuses on user experience, and easy to use UI.

press to zoom
People Upsell
People Upsell

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%.

press to zoom
Lancome email
Lancome email

For over two years, I designed custom emails for Lancome's weekly customer email. This is one around Valentine's Day.

press to zoom
Lance Holiday Menu
Lance Holiday Menu

Custom designed screen for the holidays

press to zoom
Shu Uemura
Shu Uemura

Final visual design for Shu Uemura website

press to zoom
Lancôme Absolu Email
Lancôme Absolu Email

Designed custom emails for Lance for over two years. This is one for a product Absolu.

press to zoom
Logics CD Rom
Logics CD Rom

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.

press to zoom