Online Startup Incubator - Interaction Design
Co-Founder / UX Design Lead: team of five   DEC. 2012 - PRESENT

ideaHatcher is an online startup incubator platform in its infancy. Its goal is to bring idea generation to the masses by helping with the curation and crowd-funding of startups.

Tap to enlarge

Online Startup Incubator - Interaction Design
Co-Founder / UX Design Lead - team of five   DEC. 2012 - PRESENT

ideaHatcher is an online startup incubator platform in its infancy. Its goal is to bring idea generation to the masses by helping with the curation and crowd-funding of startups.

Tap to view annotated wireframes

Annotated Wireframes

Tap to check out IdeaHatcher.co

High-Fidelity Wireframes & Visual Design

Tap to enlarge

Data Synthesis: Affinity Diagramming

We began the project by conducting 10 contextual inquiries and an online survey. Then we synthesized our data into an affinity diagram.

Tap to enlarge

Design: Ideation and Visioning

After completing our affinity diagram, we picked our key issues and design ideas. We voted on those and then proceeded to do visioning.

Tap to enlarge

Design: Storyboarding Use Cases

After our visioning exercise, we storyboarded several use cases for our platform.

Tap view design report

Decision Support Tool - Interaction Design / Tablet
Design Lead: team of four   JAN. – AUG. 2013

My HCII Capstone project team solution consisted of a decision support tool for pharmaceutical sales representatives who find themselves with an unexpected period of free time.

Tap view annotated wireframes

Annotated Wireframes

Tap view concept video

Concept Video

Tap to enlarge

User Research: Conducting a Contextual Inquiry

We started the project by doing ride-alongs with our users; which entailed spending the whole day with them. We quietly observed while they interacted with doctors and nurses in the field.

Tap to enlarge

Data Synthesis: User 1 Flow Model

After conducting user research we synthesized our data into ten flow models, two affinity diagrams, and ten cultural models.

Tap to enlarge

Data Synthesis: Flow Model Consolidation

In the picture above, we are consolidating our ten flow models into one.

Tap to enlarge

Research Findings: Presentation

We went to South San Francisco to present our research findings to Genentech stakeholders and lead a visioning workshop with them.

Tap to enlarge

Motivating Athletes through Gaming - App Video Pitch
team of three UX Designers   FEB. – MAR. 2013

TrailBlazer is a smart, ubiquitous computing system, that motivates athletes through gaming to achieve greater physical activity and competitiveness.

Tap to view video

Video Pitch

Tap to enlarge

User Research and Concept Sketches

We started the project by conducting interviews with two soccer coaches, a soccer player, the chairman of a sports tech company and the operations manager for fitness and swimming at a major university. We then developed 25 IDEO Innovation Concept Prototype Worksheets.

Design: Story Boards

After concept generation, we developed nine story boards with leading questions intended for need validation.

Tap to enlarge

User Research: Need Validation

We took our nine story boards and conducted need validation with the five interviewees we originally did user research with.

Tap to enlarge

High-Fidelity Storyboarding / Animation Cels

After we gathered all our data, we proceeded to write our script. I prepared illustrations to be used as our cels for our animated video sketch while the rest of the team recorded voiceovers, gathered sound effects and a soundtrack, and went into video production in After Effects.

Tap to enlarge

Engage the Aging in the Digital Domain - Interaction Design / Mobile
team of three UX Designers   APR. 2013

We designed a mobile app prototype for the aging population to actively participate in the digital domain while using their mobile devices.

Tap to view annotated wireframes

Annotated Wireframes

Tap to Launch Flash Prototype

High-Fidelity Interactive Prototype

I developed the visual design language and put together a hi-fidelity Flash prototype.

Tap to enlarge

User Research

We started the project by interviewing people over the age of 65 in China, India, Costa Rica, and the U.S. to better understand their needs and how they currently use mobile devices. We then developed user scenarios.

Tap to enlarge

Design: User Flows

After validating user scenarios with our target group, our solution was to have grandchildren send their grandparents email “CarePackages” that contain images, videos, notes, and social media feeds. Grandparents are encouraged to download the app and respond in kind.

Tap to enlarge

Information Architecture: Site Map

Tap to enlarge

Design Feedback Platform - Interaction Design
Co-Founder / UX Designer: team of four   APR. - DEC. 2012

We created a design critiquing platform that provides honest feedback for designers and non-designers alike.

Tap to view fireworks pdf

Design Language and Hi-Fidelity Prototype

I developed the visual design language and our tech team prepared a high-fidelity prototype to conduct user testing with before moving forward with our Minimum Viable Product (MVP).

Tap to enlarge

Information Architecture

The team started by ideating on user workflows.

Tap to enlarge

Proteus Autonomous Car - Service Design
Team of four UX Designers   JAN. - MAY 2012

With the advent of self-driving car technology, we created a non-ownership car service that provides a compelling experience for drivers and non-drivers alike with differing autonomous vehicles as they need them.

Tap to view final presentation posters pdf

Final Deliverable: Six Presentation Posters

For our final deliverable, we designed posters that explained how the Proteus Dual Mode Car System is used. Our final direction was to create six distinct vehicles:
three that would meet the needs of people who enjoy driving, and three that would meet the needs of those who want to do other things while on the road.

Tap to enlarge

Stakeholder Map

We started the project by preparing a stakeholder map.

Tap to view concept prototype worksheets pdf

Concept Worksheets

We proceeded to do a brainstorming session by developing 3 opportunity statements. We developed our ideas on post its and generated an affinity diagram. We used the idea groupings to populate thirty IDEO Innovation Concept Prototype Worksheets.

Tap to enlarge

Impact Achievability Matrix

We plotted our Concept Prototypes on an Impact Achievability Matrix to figure out which designs had the most impact and were easier to implement.

Tap to enlarge

FogartyFinger.com - Interaction Design, Branding
Design Lead: team of three   MAY - NOV. 2012

Fogarty Finger needed to move away from a flash based capabilities and portfolio website. We implemented a mobile first html based solution.

Tap to view interactive fireworks prototype

Fireworks Interactive Prototype

I prepared a quick interactive prototype in fireworks for comments and final approval before handing over to development.

Tap to view design report pdf

Reimagining the Patient Record - UX Design
Design Lead: team of fifteen   OCT. 2012

The design competition to redesign the patient health record was set forth by the veterans administrative and challenge.gov. Our team took three weeks to complete the challenge. Our entry was selected by the judges to be showcased as one of the entries which “inspired the judges and challenged the status quo”.

Launch CheckAlt.com

CheckAlt.com - Interaction Design, Branding
Design Lead: team of four   JAN. - MAR. 2012

CheckAlt needed to establish a more robust capabilities and product offering web presence. We provided them with a solution that included: branding, information architecture, visual design, interaction design, and development.

Tap to enlarge

College Completion Agenda - Communications Design / Data Vis
Art Director - team of eight   MAY - DEC. 2011

Our team designed and produced the College Board Completion Agenda:
Latino Edition 2011 communication materials including: Progress Report,
State Policy Guide, website, event signage, and data visualization map.

Tap to view annotated wireframes

Homework Magic - Interaction Design / Tablet
Design Lead: team of four   MAY - JUN. 2010

I developed the high-fidelity wireframes and visual design for Homework Magic:
an app that employs gaming to help kids complete their homework.

Tap to enlarge

Preschool Prep Kits E-commerce Site
Design Lead: team of four   JAN. 2009 - MAY 2010

Our team developed packaging, activity books, e-commerce website, and how-to videos for four Grasshopper Preschool Prep Kits.

Tap to enlarge

Preschool Prep Kits Packaging
Design Lead: team of four   JAN. 2009 - MAY 2010

Our team developed packaging, activity books, website, and how-to videos for four Grasshopper Preschool Prep Kits.

Lowboz: The Chair Silencer E-commerce Site
Co-Founder / Design Lead: team of four   JAN. 2009 - PRESENT

Our team designed the physical product, branding, packaging, and e-commerce website for Lowboz – The Chair Silencer.

Tap to check out how-to video

Lowboz: The Chair Silencer How-to Video
Co-Founder / Design Lead: team of four   JAN. 2009 - PRESENT

I designed & created the storyboards and illustrations for Lowboz — The Chair Silencer How-to Video. The dev team put together the video animation.

Tap to view wireframes

Hebrew Academy of Long Beach Site
Design Lead: team of four   JAN. – AUG. 2011

Our team developed the interaction design and visual language for the HALB website with email, school directory/address book, and calendar/school events announcement capabilities.

Tap to enlarge

Las Vegas In-Market Guide - Communications Design
Creative Director: team of four    MAY - AUG. 2005

Our team designed tourist in-market guides for three locales. They contained activity and restaurant recommendations; maps with points of interest; and discount coupons to be used on activity and restaurant recommendations.

Tap to enlarge

Hawaii In-Market Guide - Communications Design
Creative Director: team of four    MAY - AUG. 2005

Our team designed tourist in-market guides for three locales. They contained activity and restaurant recommendations; maps with points of interest; and discount coupons to be used on activity and restaurant recommendations.

Tap to enlarge

Rebranding Initiative - Branding
Senior Designer: team of six    AUG. - NOV. 1995

Our team lead a rebranding initiative for the MTA MetroCard after all NYC metro station turnstiles were replaced to accept MetroCards. My design was the final chosen version.

Tap to enlarge

Rebranding Initiative - Branding
Senior Designer: team of six   AUG. - NOV. 1995

Our team lead a rebranding initiative for the MTA MetroCard after all metro station turnstiles in NYC were replaced to accept MetroCards. Above you can see other semi-finalist designs.

Tap to enlarge

Pair of R. M. Schindler Designed Sofas

My partner and I built a pair of R. M. Schindler sofas out of reclaimed Hemlock wood pews. The Hemlock was carefully stripped of centuries-old varnish layers and cut into mitered sections. The shelves and 1 x 4 caps were cut from new pine.

Tap to enlarge

R. M. Schindler Designed Sofa Detail

The mitered corners were cut, pinned and glued together. The shelf is pinned and glued to the back and held level by a vertical support seen on the left.

Tap to enlarge

Carlos Motta Designed Lounge Chair

I built a Carlos Motta designed lounge chair out of reclaimed wood floorboards from a neighbor's bridge. All the pieces were hand-cut with a japanese Ryoba saw for better control and finish.

Tap to enlarge

Carlos Motta Designed Lounge Chair Frame

The pieces are held together with wooden dowels.

Tap to enlarge

Adaptation of a Frank Lloyd Wright Designed Sideboard

I built an adapted version of a Frank Lloyd Wright designed sideboard out of reclaimed wood floorboards from a neighbor's bridge and reclaimed Hemlock wood pews. All the pieces were hand-cut with a japanese Ryoba saw and screwed together with metal brackets.

me at lgonza com