UI Developer
Moorthy

Professional Summary

Over 12+ years of experience in the field of Client Side Development have a passion for Web Development and utilizing all facets of web application using AngularJs, jQuery, HTML5, CSS3, JavaScript, D3.js, Json, and Nodejs etc.
  • Implemented various facets of HTML5 built-in media components like Audio and Video, also utilized API’s like Drag & Drop, local/session storage etc.
  • Involved in migrating the website from Hml4 to HTML5.
  • Developed sites with EJS template engine.
  • Developed various custom themes with CSS3 modules like Selectors, animations, transitions etc.
  • Implemented Sprite images through out the website for image optimization.
  • Involved in Js optimization using PageSpeed and GoogleClosure.
  • Utilized CSS Preprocessors like Less and Sass.
  • Experience in Js task automation using GruntJS in command line tool for concatenation, minification, JSLint, CssLint, watch for code changes and rebuild.
  • Involved in developing various modules and controls using jQuery.
  • Utilized various jQueryUI widgets like Accordion, date picker, tooltips, dialogs, table sorting, calendar etc.
  • Developed Single Page Appliaction (SPA) using Angular with built-in routers.
  • Developed SPA prototypes using nodejs with ExpressJs framework.
  • Couple of years of experience in ActionScripting (AS3) programming environment by utilizing the FLVPlayback components.
  • Excellent knowledge of debugging and troubleshooting applications using Firebug, Google developer tool and others built-in dev tools.
  • Excellent knowledge of various version control systems including VSS, GIT, Clearcase, Tortoise etc.
  • Handled multiple projects and had a review with whole project at the end of the course.
  • Experienced in designing, developing, delivering and implementing data-driven Web applications for clients and assisting in the development and maintenance of company Web applications.
  • Proficient in improving application experience and performance and improving scalability.
  • Good understanding of client-server architecture and mobile environment.

Education

  • Bachelor’s Degree of Engineering in Electrical & Electronics

Technical Skills

Web Programming
HTML4/HTML5, CSS2/CSS3, DHTML, JavaScript, jQuery 2.1, jQueryUI v1, Bootstrap v3, Less v1, Sass v3, XML, JSON, D3.js
Software
Eclipse, NetBeans ID 8.1, RAD, Adobe Photoshop cs4/cs5, Adobe Illustrator, Axure v 6.5, Visual Studio v 2003/2012, Office Suite.
Version Control
Vss, ClearCase, Tortise, SourceTree, Github.
Internet Marketing
SEO & Google Analytics.
Other(s)
Angular.JS, node.js/Express, Bootstrap, Foundation, Gulp, Grunt.js, Yeoman, D3.js.

Professional Experience

Guthy Renker, Santa Monica, CA.
Duration
July 2015 – Present
Role
Senior UI Consultant
Responsibilities
Guthy-Renker is a Santa Monica, CA based direct-response marketing company that sells products directly to consumers through infomercials, television ads, direct mail, telemarketing, e-mail marketing, and the Internet.

  • Working closely with IT and software engineering teams, design, and program management in an agile environment to deliver products to market.
  • Developing brand specific demandware templates with responsive design using Foundation framework.
  • Converted comps and layouts to valid CSS3/HTML5, and development of new campaign templates by utilizing foundation framework additions.
  • Working development and operations of various brand campaigns, such as creating and deleting brand specific products for both mobile and web appliations.
  • Providing campaign maintenance, improving brand features, creating new dynamic/interactive functionalities by trouble shooting for all handheld devices.
Environment
Java Script, JQuery2x, Foundation6, HTML5, CSS3, Sass, Gulp, SourceTree, Eclipse, Demandware and Jira.
FMC Technologies, Houston, TX.
Duration
Mar 2015 – June 2015
Role
Senior UI Consultant
Responsibilities
Onshore and offshore, FMC offer customers the ability to monitor equipment in real time; maintain systems to deliver the best performance; and as a result, maximize the uptime, production, and recovery of their fields.

  • Developing the application with responsive design using bootstrap framework.
  • Utilized D3.js to generate SVG based map from a real time data (Big Data). Or, the same data to create an interactive SVG charts with smooth transitions and interaction.
  • Developing the dashboard application, to monitor over all and as well as specific equipment performance with real time data.
  • Developing various modules like SVG Real time line chart, Geolocation based Map, History Chart, Radial Chart, Sort and searchable Data Table, Hierarchy Menu etc. based Dynamic data driven from hive.
Environment
HTML5, CSS3, Bootstrap3x, Java Script, D3.js 3x.
Cetera, El Segundo, CA.
Duration
June 2014 – Feb 2015
Role
UI Web Developer
Responsibilities
SmartWorks Adviser delivers the underlying framework to support the operations of advisory programs, as well as custom portfolio management tools designed by Cetera that help customers to manage their advisory business more effectively.

  • Played as onsite coordinator & Lead the offshore team.
  • Redesign entire website by giving importance to Responsive Patterns using bootstrap framework.
  • Developed website with the bootstrap built in components like Navbars, Jumbotron, Pagination, Breadcrumbs etc.
  • Created custom themes for the bootstrap’s built-in Js reusable components like Modal, Transitions, collapse, carousel etc.
  • Also utilized bootstrap’s css like form controls, responsive image etc.
  • Used Bootsrap’s Glyphicon to create scalable vectors and implemented sprite images also created custom icons using “IcoMoon”.
  • High Scalability: Breaking the 1-second to load benchmark using CDNs, GZip, optimization, concatenation and minification using gruntJS.
  • Involved in developing prototypes using AngularJs with Yeoman prototyping tool.
  • Built company proprietary build/dev environment using: Node.js/Grunt/Live reload/SASS. 
  • Walkthrough design with the developers and testing teams.
  • Trouble shooting the HP quality center defects in both Development and QA environment.
  • Ensured cross-browser compatibility including IE 8/9/10, Firefox 3.5, Safari 4 and Chrome 4.0.
  • Participate in weekly demo/status, UX Show and tell, iteration planning, retrospective, and daily standup meetings.
  • Collaborate with team members to create a design strategy for the project.
  • Design and document solutions that meet the need of the user and business.
Environment
HTML5, CSS3, Bootstrap, Sass, Ejs, Java Script, jQuery2x, Node.js, Angular and Vss.
TD Ameritrade, Jersey City, NJ.
Duration
July 2010 - June 2014
Role
Client Side Developer
Project 1: TDA GRID Site
TDA Retail is a new design, where customers can customize their web experience with easy, intuitive features like “My Dock”, letting then to add up to 4 columns of streaming data that stay with them as they navigate the site. Leverage planning calculators, investment selection wizards, and free fundamental third-party research – everything they need to build and manage their portfolio in one place.
Responsibilities
  • Designed and Developed corporate directory using Photoshop, HTML5, CSS3, Java script, and Jquery.
  • Implemented Bootstrap in developing some of the form controls.
  • Also utilized Bootstrap’s glyphicons for form fields.
  • Used JSON to store and access the data in a search pages like advance search, sort filter, and search on data.
  • Used MVC for separating the presentation layer from the business layer.
  • High Scalability: Breaking the 1-second to load benchmark using CDNs, optimization, concatenation and minification.
  • Ensured cross-browser compatibility including IE 8, Firefox 3.5, Safari 4 and Chrome 4.0.
  • Developed few prototypes with parallax scrolling.
  • Managing the version control using clearcase.
  • Collaborating with application developers to ensure UI designs are implemented and tested correctly.
  • Design and develop application to automate frequent tasks using GruntJs
Environment
HTML5, Css3, Sass, Json, JavaScript, jQuery, NodeJs, Bootstrap, RAD, sketch, iterative design, wire framing, Clearcase.
Project 2: TDA Green Site – Redesign
TDA Institutional offers solution; resource, tool, and guidance for the customer’s need to develop and manage a retirement strategy that can help them pursue their goals.
Responsibilities
  • Provided UI standards for future applications with detailed instructions for future programmers to follow.
  • Proficient in Website optimization, cross browser capabilities and SEO.
  • Involved in migrating the website from Hml4 to HTML5.
  • Involved in JS optimization using PageSpeed and Google Closure.
  • Improved the performance of the website through converting the site to sprites.
  • Used JavaScript, JQuery and AJAX to develop the webpage to be interacted based on events.
  • Used JSON to store and access the data in a search pages like advance search, location search pages.
  • Developed prototypes by utilizing various Bootstrap’s css/js/components.
  • Worked with Google Maps API in fixing Latitude and Longitude of the banks.
  • Maintained CMS based Team site.
  • Managing the version control using clearcase
Environment
HTML4/HTML5, Css2/Css3, xml/Json, JavaScript, Bootstrap, jQuery1x, gruntJS, Eclipse 3.5, Clearcase.
Project 3: TDA – Online Application.
Online App is web properties in transactional aspects of retails, institutional, managing portfolios and visual aspects of marketing.
Responsibilities
  • Design and develop department and sub-department websites using Photoshop, HTML5, CSS3, Java script, and Jquery.
  • Quickly create & test mockups and wireframes with stakeholders in a fast environment.
  • Worked in a collaboratively design, develop and implement quality solutions for various mobile platforms within schedule and budget.
  • UX Onsite coordinator for the offshore Chennai team.
  • Conducted User-Interview along with UI designers.
Environment
UX-design, HTML5, Css3, xml, Json, JavaScript, jQuery1x, Clearcase.
Microsoft NBC, Seattle, WA.
Duration
Sept 2009 - July 2010
Role
Web Developer
Responsibilities
MSNBC, is an American basic cable and satellite channel that provides news coverage and political opinion on current events. This project provides feature for the video modules with edit controls like trimming, cropping, transcription, sharing the edited video etc.

  • Developed using Adobe Flash CS4, Flash Develop, AS3, XML and Conspire Frame Work.
  • Involved in enhancement and working directly in the Microsoft framework using conspire MVC pattern and developed a XML based dynamic video Module with user interaction, which makes it highly presentable. Video streaming using FLVPlayBack Component.
  • Developed XML based video gallery Module by streaming videos and evolving online broadcast media, dynamic Pictures gallery Module with user interaction.
  • Involved in enhancement, Bug fixing in the various modules and trouble shooting the application.
Environment
Adobe Flash CS4, AS3, XML, Adobe Photoshop, Vss.
AccelFrontLine, Chennai, TN.
Duration
May 2006 - Sept 2009
Role
UI/Web Developer.
Project: Osho International
Osho International features OSHO Talks, that cover a variety of topics including Meditation, Awareness, Wellness, Relaxation, Love, Relationships, Zen, Yoga, Tantra, Sufism, Taoism; on Buddha, Krishna, Mahavira and other masters; and other aspects of the Inner World etc., and provides the features like online library, monthly horoscope, eGreetings, Osho times, featured books etc.
Responsibilities
Technologies: - COBOL, IMS DB, JCL, Java, Webservices, MQ, CA -7, Platinum, Librarian, Manage now, QC.

  • Development web application using HTML, CSS, JavaScript, Ajax, XML, Adobe CS3 Suite and Joomla.
  • Developed various file management Integrated custom templates into Microsoft content management services (MCMS).
  • Developed web application using Visual Studio 2003, Adobe Suite, XHTML, Css, JavaScript and Ajax.
  • Developed XML based Audio integrated MP3 player Module, video gallery Module by streaming videos and evolving online broadcast media, dynamic Pictures gallery Module with user interaction which makes it highly presentable using Adobe Flash CS3, FLVPlayBack Component, AS3 and XML
  • Involved in developing company identity and logo, flash banners, flash gallery, brochures, print advertisements and presentation materials
  • Conducted Client Side Interview along with the Project Manager.
Environment
Html, Css, xml, JavaScript, jQuery, Photoshop, sketch, design, wire framing.
Project: Accel Open Source
Primary aim is to provide business in IT infrastructure management, software solutions and warranty management services. And to developing a wide variety of websites and micro-sites using some Flash, from initial concept to go-live and supports.
Responsibilities
Technologies: - COBOL, IMS DB, JCL, Java, Webservices, MQ, CA -7, Platinum, Librarian, Manage now, QC.

  • Involved in creating wireframe, prototypes, Pocs and various sub modules.
  • Development using HTML, CSS, JavaScript, Ajax, XML, Adobe CS3 Suite and Joomla.
  • Developed custom templates and integared with Joomla, wordpress.
  • Involved in developing company identity and logo, flash banners, flash gallery, brochures, print advertisements and presentation materials.
  • Hands on different browsers such as Internet Explorer, Mozilla Firefox, Chrome, Opera, Mac Safari, focused on resolving the cross browser compatibility problems related to CSS and JavaScript.
  • Conducted Interview for Client Side position along with the Project Manager.
Environment
Html, Css, xml, JavaScript, jQuery, Joomla, WordPress, Photoshop, sketch, design, wire framing.
AV Systems, Chennai, TN.
Duration
Oct 2003 - May 2006
Role
Web Designer
Responsibilities
AV system is specialized in developing and deploying complex business-critical solutions that require high degrees of integration across diverse portfolios of applications and technologies.

  • Experienced user of Macromedia Dreamweaver, Photoshop.
  • Responsible for Conceptualized and designed client web sites, logos, banners, collaterals, manipulated images, illustrated clipart, GIF animation, and directed Flash movie front-ends.
  • Responsible for the developing a wide variety of websites and micro-sites using some Flash, from initial concept to go-live and supports.
  • Developed using the following tools Adobe Photoshop, Macromedia Flash MX, Macromedia Dreamweaver, HTML, XML Cascading Style Sheet & JavaScript.
  • Wrote in-form validation using JavaScript for providing the user interface and communication between the client and server.
  • Involved in fixing many priority defects.
  • Prepared technical reports and documentation manuals for efficient program development.
  • Conducted User-Interview along with UI designers.
  • Done other duties as assigned.
Environment
HTML, Css, xml, JavaScript, Flash Mx, Photoshop, Dreamweave