KeeyaWangJones

Experience Design Engineer

UX Design, WireFrames, Prototypes, HTML, CSS, jQuery, Design Patterns

Experience Designer Engineer in San Diego

I am always evolving as a designer, and every day I explore new thoughts and ideas. I embrace these experiences as opportunities to expand my creativity..

Experience Design: What can be better than making a project that you love interactive? Sketch, prototype, test, observe, experience, and then repeat.

Visual Design: I enjoy being inspired and then creating my own work in every aspect of design from typography - color theory, to code development, and user testing and more.

What I know - Code

I obtain mastery through practice with a long history of experience in using web technologies. It’s been said that 10,000 hours of practice leads to mastery and that’s the goal I aim for in each skill.

This portfolio site was created with HTML5, CSS3, Bootstrap 3, Beg Level JS, JS Plugins (ex. animate.js), and jQuery. In the past 2 years, I have focused on expanding my expertise in software prototype development. In 2013, I learned to organize code from Spaghetti JS Code to Object-Oriented JS Code. I progress with better code writing with a knowledge of inheritance, scope, and templating to keep code organize and easier to read. With the understanding of templating, I began learning Ruby-On-Rails : Models, Views, Routing, and Controllers. With this new knowledge of Ruby-On-Rails, I am able to create a working database to make close to reality prototypes.

For more details review Resume.

8000 hrs - b. 2010 - prev. HTML4 knowledge since 98
8000 hrs - b. 2010 - prev. CSS2 knowledge since 05
6000 hrs - Focus Logic 2011 - prev. Dabble since 08
6000 hrs - Focus Logic 2011 - prev. Dabble since 05
4000 hrs - b.2012 - Used Solo & Bootstrap2-3
700 hrs - b.2013 - Templating for Modularity
1000 hrs - b.2012 - MVW framework
1000 hrs - b.2012 - D3JS - Data Visualization

What I know - Design & UX

I appreciate every job and project experience I have had over the years, as well as the myriad of inspiring individuals who guided me along the way. Now I am seeking to work on a UX team that values the agile approach in bringing ideas to life through the conduit of prototype development. With an UX team, the creative and collaborative potentials pave way to competitive analysis, usability heuristics, user testing, and research and development using prototypes. Prototyping circumvents production disasters by immediately leveraging user-tested data for confirmation of workflow, taskflows, and feature enhancements.

For more details review: The Portfolio of My Past.

2000 hrs - b. 2010 - Usability Heuristics
2000 hrs - b.2010 - Paper & Digital Prototyping
2000 hrs - b. 2011 - Competitive Analysis
2000 hrs - b.2012 - Mobile Design Patterns

Resume

( click titles to view details )

Education & Credentials

  • Master of Fine Arts, Web Design and New Media
  • Academy of the Arts University, San Francisco, CA – May 2011
  • Bachelor of Fine Arts, Multimedia and Communication Design
  • University of the Arts, Philadelphia, PA – May 2001

Interaction Design Experience

  • WEB DESIGN & RELATED SKILLS (8+ years)

  • Cross-Browser coordination, testing, and improvement for early warning plans/procedures.
  • A/B Multivariate Testing for user conversion using Google Website Optimizer and Optimizely.com service.
  • Created wireframes and prototypes for websites and followed through planning for deployment completion. Prototypes are created through HTML,CSS, Javascript, and JQuery.
  • Studied use cases, user scenarios, target audience research to maintain the focused plan of web design products, such as email newsletters, banner ads, and landing pages.
  • Javascript and JQuery - research frameworks and libraries that would simplify the usability of the website for the end user, as well as redefined the code to match the usage of the web product.

Graphic Design Experience

  • Graphic Design & related skills (10+ years)

  • Exceed at visual design implementation and studies. Proficient in Adobe CS6 Software: Photoshop, Illustrator, InDesign, Flash, After Effects, and Premiere.
  • Understand and practice typography, grid layout, color theory, hierarchy and maintain corporate branding identity standards.
  • Practice standards for Typography for Web and Mobile.
  • Familiar with Kinetic Typography for Motion Graphics.

Employment History

March ‘14 – Present Experience Design Engineer Room5, Inc.
Encinitas,CA
March ‘14 – Present Sr. Experience Design Engineer UCSD VirBELA.
San Diego,CA
April ‘13 – March '14 User Interface Engineer Leadfusion, Inc..
San Diego,CA
Feb ‘13 – Present Volunteer User Interface Engineer Ignittion, LLC. - NonProfit.
San Diego,CA
April ‘12 – March '13 Sr. User Interface Designer LPL Financial Services.
San Diego,CA
Sept ‘11 – April'12 Freelance Interactive Designer
(Clients: XEROX, TIBCO, Metaswitch Systems)
RexiMedia, LLC.
San Francisco,CA
Nov ‘10 – Nov ‘11 Senior Freelance Web Designer
(Clients: ReMax, Keller Williams Realty, Jupiter Lighthouse Realty)
KimajinStudios, LLC.
San Diego, CA
May ‘08 – Aug ‘08 Freelance Graphic/Web Designer Shanti.org
San Francisco, CA
Aug ‘07- Aug ‘10 Graphic Designer & Web Ad Developer PsPrint, LLC.
San Francisco, CA
Sept ‘05- Sept ‘06 Lead Graphic Designer & Web Developer Potreromedia, LLC.
San Francisco, CA

Technical Proficiency

  • Adobe CS6 ( Photoshop, Illustrator, InDesign, Flash, Dreamweaver, After Effects, and Premiere )
  • Adobe Edge ( Inspect, Reflow, PhoneGap )
  • Languages: CSS3, HTML5, (Mid-Level) Javascript
  • JS Libraries: (Mid-Level) jQuery, (Mid-Level) jQuery Mobile, (Mid-level) D3JS, (Beginner) UnderscoreJS for Templating, (Beginner)AngularJS
  • Wireframes- Balsamiq Mockups for Desktop, Axure RP Pro
  • Object Literal Pattern JavaScript

Affiliations

  • UX Speakeasy Meetup Group - San Diego
  • Javascript San Diego Meetup Member - San Diego
  • Toastmasters Career Builder Member – San Diego
  • DashingD3js - Student
  • FabLab member - San Diego

Awards

  • 2011 Motion Graphics Finalist Nominee - Academy of the Arts University - San Francisco, CA
  • 1997 - 2001 Promising Artist Award - University of the Arts - Philadelphia, PA
  • 1997 Co-Mural Artist Award Delmarva DuPont Power - Newark, DE

Portfolio of My Past

  • All
  • Web
  • Mobile | UX
  • Print
  • Identity
  • Motion Graphics
  • EvolutionFS.com

    Visit | MFA Thesis

  • Shanti.org

    Visit | Shanti

  • Various Projects

    Visit | PsPrint

  • Kimajin Studios

    Visit | KimajinStudios

  • Potreromedia

    PotreroMedia

  • JLR- Branding

    Jupiter Lighthouse Rty.

  • Mark Ehredt

    Mark A Ehredt

  • eedapt

    eedapt branding

  • Relief Series

    Personal Art

  • Illustrations

    Personal Art

  • RGB-Poster

    Red, Bike, Green

  • I Heart Robots

    *ISelf

  • EFS Motion

    AAU, Student Work

  • Reckonerz

    AAU, Student Work

  • Mobile UX/UI

    Spec Work

  • Mobile UX/UI

    Spec Work

Arduino: Code to the Physical World...My New Hobby.

Traffic Light Simulation

I have to code for the media screens for variety of screen sizes. Well, I wanted to try something different and code for the physical world. I took a class at Fablab in San Diego. Using Arduino Uno circuit board, bread board, wires, leds, and an IF Else Statement...I created a traffic light simulation.

Mobile Device Station: If you build it, They will come.

Custom-made Mobile Device Station

I dreamed of a design studio with a mobile device station. With so many, different mobile devices I wanted to create a station that would allow for flexibility and rotation. Took out my sketch pad and thinking it through. I need it to rotate so that simultaneously the devices can rotate either horizontal or vertical. Using technologies such as Adobe Edge Inspect or Ghostlab with LiveReload utility allow for debugging on the devices and seeing immediate results across all devices. If you build it, they will come.

Say Hello

Thanks for visiting. I hope you enjoyed your stay!

Name must not be empty
Please provide a valid email
Message should not be empty