Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
johnedelatorre-2015
1. 320 East 91st
Street, Apt 2FW
New York, NY 10128 | cell: 703.303.0684
Online Portfolio: www.johnedelatorre.com | Github: https://github.com/jednyc72
Email: johnedelatorre@gmail.com | LinkedIn: http://www.linkedin.com/in/jednycdesigner
2. JOHN DE LA TORRE-UGARTE: UX WEB APP DESIGNER | UI ENGINEER | FRONT-END ARCHITECT
Page 2
OVERVIEW: I am a UX Designer and UI Front-End Web App Developer/Software Engineer & Architect.
I consider myself a Creative Technologist. I have a passion for absorbing and learning new trending
technologies, such as Angular, Data Visualization with D3 or High Charts. My in-depth technical side makes
me a better designer because I can design specifically for the technologies and frameworks being used. My
UX creative side makes me a better UI Developer because I keep a balance between implementing the
function/UI architecture and the Visual Design Aesthetics. I bridge the gap that often exists between
design and development. I am able to absorb the business rules, technical requirements to visually tell a
story with strategic UX Design and think of new innovative technical solutions to solve a UI problem.
My goal is to be part of a collaborative, creative environment, which will allow me to push the limits
in strategic UX Design and innovative technology UI solutions.
Skillset: I am 30% UX & Visual Design | 70% UI Development & Technical
Industries I have done work for:
• Tech Start Ups
• Ecommerce
• Retail
• Financial Services & Banking Institutions
• Digital Agency Branded Client Projects
• Online News Media Sites
• Pharma Enterprise Platform Applications
VISUAL WEB DESIGN: Adobe CC (Photoshop, Illustrator, InDesign, Acrobat) [10+ Years]; Style Guides, Design Specs
UX DESIGN & PROTOTYPING: Develop Use Cases, UX Personas, Wire Frames (lo & hi fidelity), Clickable Prototypes
Tools: Axure XP, Balsamiq, Sketch, Omnigraffle [10+ Years]
UI WEB DEVELOPMENT: Front-End Web App Development:
• HTML5, CSS3, SASS/LESS, Mobile Responsive Design [10 out of 10 Rating]
• Twitter Bootstrap, Foundation UI [10 out of 10 Rating]
• JQuery/JQuery UI/JQuery Mobile [10 out of 10 Rating]
• JavaScript, JSON, AJAX, REST API (AJAX) [7 out of 10 Rating]
• Data Visualization: D3, High Charts [8 out of 10 Rating]
Rapid Front-End Prototyping Development:
• Yeoman.io, Grunt.js, Bower.io, Home Brew, Gulp.js [10 out of 10 Rating]
• Node, NPM Packaging Install Management [10 out of 10 Rating]
• Git and SVN Version Control [10 out of 10 Rating]
• Command Line Savvy: SHELL, BASH, VIM, Nano, GREP, SSH, ZSH, Curl [10 out of 10 Rating]
• Firefox FireBug, Chrome & IE Developer Tools, Charles Proxy, Y-Slow [10 out of 10 Rating]
• Sublime Text 3, Atom, Eclipse [10 out of 10 Rating]
• JIRA, Asana, BaseCamp, Microsoft Office [10 out of 10 Rating]
MVC/MVVM:
• I Understand MVC (Model, View, Controller) as a Concept and have been able to absorb most MVC
Frameworks (Ruby on Rails, Groovy on Grails, PHP, .NET) in order to implement my Front-End Code into the
View Layer
MVVM:
• Angular.js with Angular UI Router, REST Angular [Beginner 5-6 Months]
CMS:
• WordPress Theming, Content Architecture and Development [8 out of 10 Rating]
Concepts:
• I understand Object-Oriented concepts as a whole and have a good grasp on how JS Design Patterns work, in
particular, Singleton and Factories because I have come across them using Angular in my recent work [2015]
• Agile, SCRUM, Waterfall and Software Development Life Cycle Methodologies
4. Page 4
EXPERIENCE: LEAD UX/UI ENGINEER | GREY JEAN NEW YORK TECHNOLOGIES – NY | UX, UI, MOBILE, RESPONSIVE, BOOTSTRAP, ANGULAR
[CONTRACT ROLE] November 2014 – Present | INDUSTRY: Technology Start-Up Grey Jean Technologies,
which provides a class leading enterprise Mobile Marketing Automation Platform – Genie, an app that gets
the right offer to the right customer at the right place and time.
UX Design & Lead UI Engineer/Architect:
o Lead the UX Design: Absorbed and translated business requirements, API technical scopes and specifications
into sleek UX designs and front-end technical solutions and frameworks
o Designed UX Wireframes, Photoshop Comps for Desktop and Mobile Web-Apps
o Stewarded the Front-End Architecture of a desktop/SPA Mobile Web-app using the latest front-end
application technologies:
Angularjs, Angular Bootstrap Responsive Design, LESS, Restangular for API consumption, Node,
Angular Locker & UI Router; ES6/Babel
Bootstrap Glyphicons, Font-Awesome
o Developed Framework using Angularjs, Angular UI-Router, Angular Locker (for storage sessions),
Restangular for API consumption, Angular Material and Animate
o Built custom tables and charts with Angular Xeditable Dynamic Tables and High Charts
o Developed CSV File Upload using Angular File-Upload Module
o Used Angular UI-Router to configure views and templates and Controllers for page behaviors as well as
Factories to set up Restangular API calls
o Performance Enhancement: Angular Locker for client side session storage and caching, Angular OCLazy-
Load, SVG images and image sprites
o Tasks: Used Node along with Grunt to minify and compile all package.json and bower.json modules, plug-ins
o Set Up NF Start Node Package and Browser-Sync to run app
o Debug using Chrome Developer Tools, Firefox Firebug, YSlow
o Set up apache servers for Development, Staging and Prod
o Managed Merges to Develop and Master Git Branches
o Develop extensive Code Technical Documentation (Readme’s), Developer Guides
o Tools: Grunt, Git, Node, Bower; Adobe CS; Omni-Graffle (Wireframing)
LEAD UX/UI ENGINEER | THESTREET.COM – NY | UX, UI, MOBILE, RESPONSIVE, BOOTSTRAP
[CONTRACT ROLE] March 2014 – November 2014 | INDUSTRY: Online News Media Company
Launch: Demo.mainstreet.com – A high traffic online news media site within the financial services industry.
o Lead the UX Design and Front-End Architecture within a rapid prototyping, agile environment for an Online
News Media Company
o Design Mockups, wireframes, style guides, design and front-end tech requirements by aligning with Product
Owners to understand business requirements
o Designs based on Bootstrap, SASS/Compass Framework for Mobile First Responsive
o Architect Front-End Framework and Integrate into Groovy on Grails Application
o Absorbed some Groovy on Grails in order to better architect my front-end and be able to design to its
requirements
o Scope: Responsive, Mobile, Desktop/Back-End: Groovy on Grails CMS
o Technologies:
HTML5, CSS3, JQuery, Bootstrap, SASS, Compass, Handlebars, Require.js
Use Greensock.js framework with HighCharts.js for data visualization animation effects
Responsive.js Media Queries for Mobile iPhone, Ipad, Desktop built around Angular.js and
Bootstrap framework
Built Multi-Page application form using RESTful Web Services
Integrate UX Front-End into Groovy on Grails Platform Stack
o Tools: BASH, Grunt, Node, Bower, Homebrew, Adobe CS, Git, Sublime Text
SENIOR TECH LEAD, UX UI | INTELLIPAYMENT – NY | UX FRONT-END, MOBILE, RESPONSIVE, HTML5
[FULLTIME ROLE] February 2012 – April 2014 | INDUSTRY: FINANCIAL SERVICES
Accomplishments:
Launch: www.intellipayment.com - An online software app for borrowers of auto/school/mortgage loans to manage
loan payments to financial institutions. Tool used as a Point of Sale for prospective loan borrowers
o Platform: MVC .NET 4.0 with Razor Syntax
o UX: Responsive, Mobile, Desktop
Responsibilities:
Provide hands-on technical UI development support on all products. 50% UX Design /50% Architecting and Coding (UX,
Mobile, Responsive & HTML Web Apps)
5. Page 5
UX UI FREELANCE: SENIOR UX DESIGNER UI DEVELOPER, BANK OF NY MELLON – NY – 2015
Redesign of Bank Of NY Mellon Customer Portal for New Loan Products
• Collaborate with Business Analyst and Product Managers to understand rules and requirements for Use Cases
• Partner with Lead Back-End Engineer to absorb high level functional requirements
• Develop Use Cases, UX Personas and Wireframes
• Create Clickable Prototypes and Design Photoshop Comps for new portal
• Technologies: Custom 960, 1120, 1200 Grid Layout, High Charts for Data Visualization
• Convert PSD to HTML5, CSS3, SASS, JQuery Front-End Code
SENIOR UX DESIGNER UI DEVELOPER, MORNINGSIDE ANALYTICS – NY – 2014 [3 MONTHS]
Design, Develop & Architect UX UI for Desktop Web App Dashboard to be used as a Data Visualization
and Analytics Tool.
• Collaborate with Product Managers to understand rules and requirements for Use Cases
• Partner with Lead Back-End Engineer to absorb high level functional requirements
• Develop Use Cases, UX Personas and Wireframes
• Create Clickable Prototypes and Design Photoshop Comps for new portal
• Technologies: Custom 960, 1120, 1200 Grid Layout, High Charts for Data Visualization
• Convert PSD to HTML5, CSS3, SASS, JQuery Front-End Code
• Integrate into a Ruby on Rails, React js Framework
SENIOR UX DESIGN UI FRONT-END, MRM WORLDWIDE – NY – 2012 [4 MONTHS]
Redesign of: www.csc.com - Content rich and highly trafficked site. Scope: Redesign of site using
responsive for mobile/desktop CMS site built on RubyonRails Framework
Collaborated with design leads to develop Front-End HTML5 Prototypes
Architect Front-End UX Framework using HTML5, CSS3, JavaScript, JQuery
Develop functional features, i.e., Mega DropDown Menus, JQuery Slide out widgets, Responsive Mobile and Desktop
Scalable Framework and integrate into RubyonRails custom CMS
UX DESIGN UI DEVELOPER, CHANEL – NY – 2011 [5 MONTHS]
Redesign of: http://www.chanel.com - Chanel Fragrance and Beauty Ecommerce site
Collaborated with design leads to develop Front-End HTML5 Prototypes
Architect Front-End UX Framework using HTML5, CSS3, JavaScript, JQuery
Integrate Front-End Code into PHP CodeIgniter Framework/Magento Enterprise Platform
UX DESIGNER / UI FRONT-END DEVELOPER, ONDECKCAPITAL – NY – 2010 [4 MONTHS]
Redesign of: http://www.ondeckcapital.com
Technologies: WordPress CMS, HTML5, CSS3, JQuery and JavaScript
Design new theme for WordPress Based Site
Integrate UX into WordPress CMS Framework
EDUCATION: PRATT UNIVERSITY OF CONTINUING EDUCATION, NY - 1998 – 2002
Web Design, HTML4, CSS
Advanced Photoshop effects for the Web
Advanced Flash Design and Development
Editorial Design for the Web
STONYBROOK, SUNY - 1991 – 1994
[106 CREDITS ACHIEVED] | MAJOR: LIBERAL ARTS & THEATER ARTS
6. Page 5
UX UI FREELANCE: SENIOR UX DESIGNER UI DEVELOPER, BANK OF NY MELLON – NY – 2015
Redesign of Bank Of NY Mellon Customer Portal for New Loan Products
• Collaborate with Business Analyst and Product Managers to understand rules and requirements for Use Cases
• Partner with Lead Back-End Engineer to absorb high level functional requirements
• Develop Use Cases, UX Personas and Wireframes
• Create Clickable Prototypes and Design Photoshop Comps for new portal
• Technologies: Custom 960, 1120, 1200 Grid Layout, High Charts for Data Visualization
• Convert PSD to HTML5, CSS3, SASS, JQuery Front-End Code
SENIOR UX DESIGNER UI DEVELOPER, MORNINGSIDE ANALYTICS – NY – 2014 [3 MONTHS]
Design, Develop & Architect UX UI for Desktop Web App Dashboard to be used as a Data Visualization
and Analytics Tool.
• Collaborate with Product Managers to understand rules and requirements for Use Cases
• Partner with Lead Back-End Engineer to absorb high level functional requirements
• Develop Use Cases, UX Personas and Wireframes
• Create Clickable Prototypes and Design Photoshop Comps for new portal
• Technologies: Custom 960, 1120, 1200 Grid Layout, High Charts for Data Visualization
• Convert PSD to HTML5, CSS3, SASS, JQuery Front-End Code
• Integrate into a Ruby on Rails, React js Framework
SENIOR UX DESIGN UI FRONT-END, MRM WORLDWIDE – NY – 2012 [4 MONTHS]
Redesign of: www.csc.com - Content rich and highly trafficked site. Scope: Redesign of site using
responsive for mobile/desktop CMS site built on RubyonRails Framework
Collaborated with design leads to develop Front-End HTML5 Prototypes
Architect Front-End UX Framework using HTML5, CSS3, JavaScript, JQuery
Develop functional features, i.e., Mega DropDown Menus, JQuery Slide out widgets, Responsive Mobile and Desktop
Scalable Framework and integrate into RubyonRails custom CMS
UX DESIGN UI DEVELOPER, CHANEL – NY – 2011 [5 MONTHS]
Redesign of: http://www.chanel.com - Chanel Fragrance and Beauty Ecommerce site
Collaborated with design leads to develop Front-End HTML5 Prototypes
Architect Front-End UX Framework using HTML5, CSS3, JavaScript, JQuery
Integrate Front-End Code into PHP CodeIgniter Framework/Magento Enterprise Platform
UX DESIGNER / UI FRONT-END DEVELOPER, ONDECKCAPITAL – NY – 2010 [4 MONTHS]
Redesign of: http://www.ondeckcapital.com
Technologies: WordPress CMS, HTML5, CSS3, JQuery and JavaScript
Design new theme for WordPress Based Site
Integrate UX into WordPress CMS Framework
EDUCATION: PRATT UNIVERSITY OF CONTINUING EDUCATION, NY - 1998 – 2002
Web Design, HTML4, CSS
Advanced Photoshop effects for the Web
Advanced Flash Design and Development
Editorial Design for the Web
STONYBROOK, SUNY - 1991 – 1994
[106 CREDITS ACHIEVED] | MAJOR: LIBERAL ARTS & THEATER ARTS