Archive for the ‘Portfolio’ Category

Data Visualization

November 20, 2013 Leave a comment

GUI of data visualization, decided to use the black background with semi-transparent glowing elements for fast identification and consumption of the data in a fast pace environment.

Creating Wireframes for Smart TV

February 25, 2013 Leave a comment

On this project I will be using Adobe Illustrator CS 5.5 to create the wireframes and Adobe InDesign 5.5 to bring it all together, this is the easiest way to dealing with a wireframe flow presentation.


The standard screen for HDTV is 1920 by 1080, which Illustrator has that preset already available under “Document Profile > Video and Film > HDTV 1080”

Capture-001 2-25-2013 4.17.32 PM

Capture-002 2-25-2013 4.27.13 PM

Next step is to create and add the TV remote controls Illustrator file.

Capture-003 2-25-2013 5.16.46 PM

Now we create the wireframes for the first user interaction (After the user logs in the system will remember them), we need to provide the user with a visual keyboard and login fields for visual feedback purposes. We also provide with visual cues on the wireframe screen and remote.

Capture-000 2-27-2013 10.43.56 AM

Next we add the interaction of the face being scanned and recognized.

Capture-001 2-27-2013 10.44.03 AM

Capture-002 2-27-2013 10.44.22 AM

Now the voice interface, triggers and commands

Capture-012 2-27-2013 8.16.06 PM

Capture-010 2-27-2013 8.15.00 PM

The “User Experience Mapping” is an excellent reference point to base our wireframes on.

Capture-001 2-28-2013 10.15.57 AM

And that is all I can reveal for this specific project without getting into NDA trouble. Smile

CBE Mobile, Desktop, Touch and Kiosk Wireframes

February 22, 2013 Leave a comment

Samsung Smart Cube Game Task Flow Evaluation

February 22, 2013 Leave a comment


Download/See pdf

A. Unnecessary Interaction, place “How to Play” as an extra option on main screen.

Reduces an extra interaction

B. All this section lacks “Calls to Action” such as learn more, view now, etc.

Increase Traffic and Awareness

C. The logo at the top left should be the link to the main screen, most users are used to the logo ID linking to the home page/screen.

Reduce Confusion

D. Ineffective visual cue, use a page corner flip and add a drop shadow.

Effective Visual Cues

E. User should be taken back to the app instead of leaving the user on the FB app screen, forcing the user to exit, navigate to game icon and touch the icon to initialize game again.

Effective User Interaction

NTTA Wireframes

December 28, 2012 Leave a comment

ESPN Social Game

December 28, 2012 Leave a comment

CBRE Enhanced User Experience

December 28, 2012 Leave a comment
Categories: Portfolio Tags:
%d bloggers like this: