SlideShare a Scribd company logo
1 of 6
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
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
Page 3
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)
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
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

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
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