UX / Product Design Portfolio

Page 1

Daniela Olivia Avi単a



Table of Contents 004 008 010 012 014 016 018 020 026 032 036 042 044 048 052 056 058 060

007 009 011 013 015 017 019 025 031 035 041 043 047 051 055 057 059 067

Flashlight / Bui Flatpack Desk / Heartesk Foundation / Rectilinear Foundation / Curvilinear Handheld Device / Lendy Eyewear / Eiaggio Assembly / Bike Jigsaw / Siggy Ergonomics / Kiosk / Tourist UX /UI / Pandora Redesign PC Case / Belladonna Envelope Opener / Enna Ergonomic Research / Saucepan Handles Push Pins / Blue Screws XL Backpack / Tusks Logo Design / Spartan Star League Wrist Pin Cushion / Bowrist UI / UX / Water Irrigation System / IRRA


T

Flashlight

Bui

004

Daniela Olivia Avi単a


T

With one scoop of the fishing net this flashlight could easily be picked up off the water.

I was inspired by the shape of buoys.

005


T

Flashlight / Bui / Concepts / Rendering

006

Daniela Olivia Avi単a


T

007


O

Construct and Design / Flatpack Desk

Heartesk

008

Daniela Olivia Avi単a


O

This was a project where I designed a child size flatpack piece of furniture.

009


G

Industrial Design Foundation

Rectilinear

010

Daniela Olivia Avi単a


G

011


O

Industrial Design Foundation

Curvilinear

012

Daniela Olivia Avi単a


O

013


O

Handheld Device / Nail Coloring Concept

Lendy

014

Daniela Olivia Avi単a


O

015


U

Fashion / Eye wear

Eiaggio

016

Daniela Olivia Avi単a


U

017


P

SolidWorks Project / Assembly

Bike

018

Daniela Olivia Avi単a


P

seat tube

left upper rear stay rear left dropout

left rmid rear stay

right upper rear stay upper bridge

mid bridge

bottom tube lower bridge

ght mid rear stay

right rear stay

bottom bracket The unique thing about this bike’s design is that it has this spider web or rib cage around the back wheel instead of two tubes.

019


R

Power Tool Project / Jigsaw

Siggy

020

Daniela Olivia Avi単a


R

Observations One user in particular tilted the jigsaw back during their cut. This was not safe and extremely frustrating for the user to make their cut. The handle and the weight at the back are what likely contributed. Their hand slid back near the narrower part of the handle, leaving them with less steering control. It was noted that the user also moved the jigsaw in an upward arching direction from the user’s shoulder rather than pushing forward. Even users who had some experience with jigsaws before felt inadequate with attaching the blade. And any users that made angled cuts felt either helpless or irritated by its set up.

Making Angled Cuts Lower end models take up to 7 steps to rotate the body from the foot-plate. A key is usually supplied. Sometimes this process requires a good eye and a protractor to find the appropriate degree. In other higher end models like Bosch, they take about 5 steps and require a second tool to tighten the lock.

I focused on reducing the steps it takes to rotate the head of the blade of a jigsaw when making angled cuts.

I saw this compact saw by Black and Decker in person and I became fascinated with the way they made the body vertical.

021


R

Power Tool Project / Jigsaw / Siggy / Concepts

022

Daniela Olivia Avi単a


R

023


R

Power Tool Project / Jigsaw / Siggy / Features

024

Daniela Olivia Avi単a


R

Blade guard rotates when the head is shifted. Bright orange slider launches and holds blade in.

025


A

Caltrain Group Project / Kiosk

Tourist

Group Members Samantha Del Rosario Adrian Gutierrez Joseph Sanchez

026

Daniela Olivia Avi単a


A

This project analyzes the environment and interaction of riders using the Caltrain system. From our observations we discovered that there was limited space to normally use the machine when carrying a purse or bag as most riders do and need to rearrange the delivery of tickets and use of the interface of the ticketing kiosk. We also found that new riders needed more than just tickets because they were unfamiliar with navigating to the location or event they wanted to attend.

Less Room, More Forgetting This young woman and her friend were on their way to a giants game and had a multitude of items in her hand. As she bought her ticket she had no where to place her soda, so she placed it on top. Which wouldn’t be a bad idea if she had not started to walk away without her soda.

Elderly Man Using Machine There was an elderly man who was buying a caltrain ticket with a heavy backpack. Not wanting to place his bag on the floor, he went through the first few steps of the process with the same sort of struggles as the other people. However, when it was time to grab his ticket, he had to place his bag on the floor, and bend over to reach his tickets and receipt, he had to stay crouched though because he was not sure of what he had just grabbed.

027


A

Caltrain Group Project / Kiosk: Tourist / Concepts / Mock Ups

028

Daniela Olivia Avi単a


A

Chair Accessible After coming up with a new configuration, we tested it out. Creating a foam mock up, testing out different scenarios such as a group of people using the machine and a person in a wheel chair.

Practical Other situations that we have mocked up is a full scale print out of the new map to test its legibility, also testing out situations where people would use the shelf for holing small items.

029


A

Caltrain Group Project / Kiosk: Tourist / Direction Tickets / Final Kiosk Design

030

Daniela Olivia Avi単a


A

031


S

UX / UI / Information Architecture / Web Design

Pandora Redesign

032

Daniela Olivia Avi単a


S

033


S

UX / UI / Information Architecture / Web Design

034

Daniela Olivia Avi単a


S

035


Y

Manufacturing and Mass Production / PC Case

Belladonna

036

Daniela Olivia Avi単a


Y

Meet Eric Belladonna Party Promoter, Event Coordinator, Film and Music Enthusiast, Fashion and Events Photographer

“I’m a complete art geek. MUSIC, FILM, FASHION, PHOTOGRAPHY, ART, you name it, I eat it up!” Featured as one of“25 MOST INFLUENTIAL PEOPLE IN SAN JOSE” 25th Year Anniversary Issue; METRO NEWSPAPER

037


Y

Manufacturing and Volume / PC Case / Belladonna / Inspiration / Concepts

Saco de Papel / 2011 / ANVE

Bronze Ram Head Table / ca. 1950-60 / Léon François Chervet

Plaid / Tartan

038

Daniela Olivia Aviña


Y

039


Y

040

Daniela Olivia Avi単a


Y

041


M

Stationary / Envelope Opener

Enna

042

Daniela Olivia Avi単a


M

043


E

Ergonomic Group Project

Saucepan Handles

Group Members Alyssa Biscocho Trevor Kinoshita Chris Gamulja Jon Nguyen

044

Daniela Olivia Avi単a


E

This was a group project about creating a satisfying and comfortable handle for many different types of users. This project included market research, survey documenting, prototyping, and user observations. My group documented a user’s experience with a number of handles in our controlled scenario, that enabled us to design a final handle.

First Analysis When first analyzing the process of pouring only water in the saucepan we noticed that: the users thumb could easily slip into the hot metal bracket, when rotating the pot to pour out the water, the hand has a hard time gripping the handle, and the angle of the wrist when pouring the water into the pot was a strain due to its weight and handle’s leverage. This analysis was followed by sketches contributed by everyone in the group, but the majority shown are by Chris Gamulja. Test models and final model were made by model-making guru, Jon Nguyen. Testing and documenting were done by Alyssa Biscocho, Trevor Kinoshita, and myself.

Early Mock-ups

045


E

Ergonomic Group Project / Saucepan Handles / User Testing and Results

(Control) Handle

Test Handle B

Which design did you find the most successful?

D

B

A B

Test Handle C

Test Handle D

Which design did you find the most unsuccessful?

D

C

C

046

Daniela Olivia Avi単a

D

C

A

A

B C D


E

047


N

Making It Project / Push Pins

Push Screws

048

Daniela Olivia Avi単a


N

049


N

Making It Project / Push Pins / Push Screws / Final Results

050

Daniela Olivia Avi単a


N

051


S

Softgoods / XL Hiking Bag

Tusks

052

Daniela Olivia Avi単a


S

053


S

XL Hiking Bag / Details / Final

054

Daniela Olivia Avi単a


S

055


G

Logo / T-Shirt Design

Spartan Star League

056

Daniela Olivia Avi単a


G

057


S

Softgoods / Wrist Pin Cushion / DIY Design

Bowrist

058

Daniela Olivia Avi単a


S

059


T

UX Design / Rain Bird

IRRA

060

Daniela Olivia Avi単a


T

“How much water am I using and how much is it costing me?� Frustrated SAN JOSE Resident

061


T

Basic end model

062

Daniela Olivia Avi単a

High end model


T

063


T

UX Design / IRRA / Screen

The user creates the name for each area

Color Indicates which wire corresponds to which area

Countdown until next run; this means that this area has a schedule

Requires attention; dry soil, faulty wiring, etc.

Drag up and down to see rest of areas and settings at the bottom

064

Daniela Olivia Avi単a


T

Change Settings

Water Consumption Log

Water Now

Time Until Next Run

065


T

UX Design / IRRA / App

066

Daniela Olivia Avi単a


T

John arrives after work and sees his puppy, Sparky, happy and eager to come inside the house to be with him.

John lets Sparky in from the backyard and opens up the app and looks for the area he named after Sparky.

John presses the Water Now button that has been set for a fifteen minute run.

John does not set a schedule for this area because he does not arrive home at the same time everyday.

John watches Sparky bark at the lawn sprinklers from inside the house while the app counts down the watering duration.

John likes controlling the water with his app rather than walking over to the side of the house where the wall mounted controller is located.

067


T O G O S U P R A


S Y M E N S G O T


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.