Kyle EatonUI/UX Designer and Developer

Welcome

kylew.eaton@gmail.com

Who Am I?

I am a UX Designer with Front-End Development experience and a Web Analytics enthusiast.

I believe the best decisions are data-driven decisions.

Data

Deci

sions

Technical Skills

LESS/SASS Bootstrap Git Docker

CSS HTML Javascript JQuery Angular

Creative Skills

Baslamiq InDesign Lucid Chart

Photoshop Illustrator Sketch 3 Invision

Data Collecting Techniques

I believe in making data driven decisions when it comes to optimizing the user experience. In order to collect data I use:

• Custom Javascript tracking events that send data to Google Analytics to track user activity and trends.

• Zendesk. Zendesk allows users to ask questions through the site opening up a direct line of communication between myself and the user. This allows me to not only diagnose problem areas it also allows me to ask user research questions normally reserved for surveys.

• Inspectlet. Inspectlet allows me to watch actual footage of the users experience along with heat/click maps. Being able to watch users interact with the product allows me to escape the eye and thought pattern of a designer and get into the mindset of an average user.

• User Experience Surveys. I gravitate towards Google Forms when creating and distributing these surveys. I also have experience with Survey Monkey and Formstack.

Process and Work Examples

*Some examples are blurred due to proprietary information.*This process involves examples from my most recent job experience.

Flow Charts

During the product planning phase I first create a user flow chart, often focusing on the ideal user flow.

Wireframing

After completing user flow I create a wire-frame using programs such as Balsamiq seen here.

I create all CSS/Javascript animations single-handedly/myself while also assisting graphic designers by creating static content.

Content Creation

After wire-framing and creating a user flow chart. I would then work along side the design team guiding them in creating content that allows functionality and responsive design.

Content Creation

Desktop and Mobile view of a recent project. The design is fully responive.

As the backend developer works on the project, I begin to develop the front-end material using HTML, CSS, Javascript, JQuery, and Angular.js

Development

When the design process is complete or near completion I partner up with a back-end developer. Together, we review to establish back-end requirements.

Analytics Planning

During or after the development process I analyze the product and its functions and begin to identify locations in which I will place custom click events they will be sent to Google Analytics in order to track the key-metrics of the product. This helps to establish future A/B testing materials.

The figure to the left is an example of how I map out events for Google Analytics.

Here is a closer look of the figure to the left.

Every analytics plan includes a written report addressing: 1. An explanation of how these custom click events are being used,2. How they will be implemented onto an easy to view dashboard,3. What important key-metrics are being tracked for future improvements, and;4. Other important goals it intends to accomplish.

…Continued

If you would like to see more examples of my work or discuss my UX procedure and philosophy you can contact me at kylew.eaton@gmail.com.

Thanks for viewing my portfolio.

Kyle W. Eaton 1027 4th Street Apt. 9, Santa Monica, CA 90403 • 631.332.9155 • kylew.eaton@gmail.com

Professional Experience UI/UX Designer and Developer 9/2013 - 4/2015

Sanguine Biosciences • Planned, designed, and developed a mobile phlebotomy app lication used by 40+ phlebotomists

nationally• Developed and designed extensive user sign up process• Created Google Analytics reports and developed event tracking to record metrics allowing analysis

of UI/UX and overall performance of web technology• Used programs such as Lucid Chart , Balsamiq and Invisionapp for user flow planning and

prototyping• Developed in HTML, CSS, Javascript , AngularJS , Browserify and Docker

Web/Mobile Design and DevelopmentFreelance

• Designed multiple web and mobile layouts• Increased client’s SEO• Hired to improve design and/or correct technical issues• Clients include: Hammer Holdings LLC, American Portfolio Financial Services, Inc,

MIT, Elon University and more

Specialist 6/2011 - 8/2013 The Apple Store

• Designed and maintained weekly multimedia newsletter• Conducted group and individual lessons on current iOS and OSX• Completed extensive product, customer service, and store visuals training courses• Thrived in fast-paced work environment, with wide -ranging level of customer ques tions and

inquiries

Education Elon University: Class of 20111

Elon, NC Bachelor of Arts in Digital Art, Minor in Communications

Strengths and Skills• Strong in design programs such as: Photoshop, Illustrator and Sketch 3• Proficient In HTML, CSS, Javascript, AngularJS, Bootstrap and JQuery• Experience with GitHub, Trello and Pivotal Tracker• Strong experience in web analytics using: Google Analytics, Insp eclet, Zendesk, Segment.i o and

various click/heat -map applications