G.V. Satish
--
Executive Summary
Master of Science in Information Technology & Management with 12 years of experience in UX/UI designer/development experience in IT industries.
Expertise in HTML5, Responsive Design, CSS3, Angular 4, Typescript, jQuery, Twitter Bootstrap, RWD (Responsive Web Design), Sketch App, Invision App.
Has an extensive background in UX/UI development as per using tools such as Eclipse, visual studio Code, Sublime Text, Dream weaver, Adobe- Photoshop, HomeSite and notepad++
Having extensive experience in UX design using Liquid layouts (CSS + Div), DOM manipulations using jQuery and table layouts and implementing W3C web guidelines.
Proven ability to prioritize and complete multiple tasks.
Ability to interact with Business Analysts and Technical personnel. Self-motivated and quick learner.
Focus towards Productivity & Quality improvements and Zero Defect Delivery, have managed mid-size teams for various Web development projects.
Flair for problem solving and troubleshooting capabilities.
integrating UI with Java architecture or .net architecture knowledge.
Professional Experience
UX/UI Architect: Tech Mahindra Ltd, Bangalore, India. Apr 2017 to Till Date.
UI Architect: Wipro Technologies Ltd, Bangalore, India. Dec 2014 to July 2015.
Senior Site Developer: NASDAQOMX Corporate Solutions India Pvt Ltd, Bangalore, India. Aug 2006 to Nov 2014(Since Aug 2006 to 2013 Dec, I was the employee of Thomson Reuters corporate solutions team. This team is acquired by NASDAQ Omx.)
Senior Site Developer: Thomson Reuters international Pvt Ltd, Bangalore, India. Aug 2006 to Dec 2013
UI- Specialist: AOL India Pvt Ltd through Aztec Software and Technology Services ltd. Bangalore, India. May 2005 to August 2006
Web Designer: ADDR.COM Technologies, Bangalore from February 2004 to May 2005
TECHNICAL SKILLS
MARKUP LANGUAGES: HTML5, XHTML.
STYLE SHEETS: CSS3, CSS2.
BROWSER SCRIPTING: JavaScript, JQuery, Type Script
FRAMEWORKS: Twitter Bootstrap 3, Angular 2+
DESIGN TOOLS: Sketch App, Invision, Adobe Photoshop.
DEVELOPMENT TOOLS: Eclipse, NotePad++, Visual Studio code, Sublime Text
BROWSERS: IE, Firefox, Safari, Opera, Chrome.
OTHERS: Responsive Web Designing.
TECH MAHINDRA LTD WORK PROFILE
As an architect, my work involves in participating in weekly grooming calls and take the inputs for next sprint stories and specs from the product team based on that I need to complete the POC. Give the update on current sprint UX/UI development/design status. creating UX/UI for the stories as per the version one stories and specs and check-in all these files in to TFS repository. From there developer will take the code and integrate with the backend code. While integration if any issues come in UI I will help to fix the UI issue. Check the cross-browser compatibility Issues with different browsers. Before check-in into TFS repository I will do unit testing in different browsers for cross browser compatibility of all aspects.
CLIENT: ThomsonReuters
WCWR (Westlaw court wire refresh) Portal development: this Project gives the details for different couts and the cases related to each court details will be provided it has the different modues based on the each phases of the functionlity. List of the cases and courts are having shorted order and search facilities, I am one of the modue developer for this Project. using skills like Angular 4, TypeScript, bento UI, Wijmo flexgrid, HTML5, CSS3 with Twitter Bootstrap framework.
Duration: Jan 2018 to Till Date.
Technology: Angular 4, Typescript, bento UI, Wijmo flexgrid, HTML5, CSS3 with Twitter Bootstrap framework
BeachHead UX: in this project I am the lead UI/UX designer. Based on the client side architect instructions I need to guide designers to create sketch drawings, prototype, low & high fidelity sketches for the UX and upload into invision app project. Convert uploaded screens into wireframe. For each wireframe need to add the hotspots based on the workflow of the project. In this need to attend weekly project journey mapping meeting, use cardboardit to create user stories for the project, based on the discussion need to create wireframes for the project.
Tools: Sketch App, Invision tool
CPS UX, this Project gives the details for Corporate plotform services based on the different functionlity divided into different modules each module has sub modules for that UX/UI part I handled for the entire project. one of the module UI developer for this Project. using skills like Angular 4, TypeScript, bento UI, Wijmo flexgrid, HTML5, CSS3 with Twitter Bootstrap framework.
Duration: Aug 2017 to Dec 2017.
Technology: Angular 4, Typescript bento UI, Wijmo flexgrid, HTML5, CSS3 with Twitter Bootstrap framework
CLIENT: NASDAQ OMX
XGCS Portal framework, this Project is framework for the different modules in the protal, where clients can view the company performance in sorted order, modules are estimates, Quote Monitor, pricing, news releases and events under their customized dashboard in desktop using skills like HTML5, CSS3 with Twitter Bootstrap framework, jQuery, LESS & AngularJS.
Duration: Apr 2017 to July 2017
Technology: HTML5, CSS3, Bootstrap, jQuery, LESS, AngularJS.
WIPRO TECHNOLOGIES WORK PROFILE
As an Individual Contributor, my work involves to creating Proof of concept for the customer with good user interface and convert them from desktop application into web application with good look and feel with the specific guide lines which is provided by customer’s onsite product manager using latest technologies like HTML5, CSS3, jQuery, AngularJS, Ajax and Dynamic DOM manipulations for UI static application. Once the customer approves it. It will be added JSon data using API calls using Ajax final product will be delivered to the production. Before Production push if any issues come in UI I will help to fix the UI issue. Check the cross-browser compatibility Issues with different browsers. Will do unit testing in different browsers for cross browser compatibility of all aspects and check for UI/UX pixel perfections and W3C Web Guidelines.
Recent Project: Hansoft Web UI, this Project is web application, where customer can view the statistics of work progress of different project status. This project converted from desktop version to web application using HTML5, CSS3 with Twitter Bootstrap framework, jQuery, AngularJS & Ajax.
Duration: Dec 2014 to July 2015
Role:
Take the input form the client and created a POC for in house project using HTML5 & CSS3, Bootstrap, jQuery, AngularJS & Ajax.
Day to day interaction with the product team and update the POC as per their instructions
Do the Unit testing and get the approval from the client.
Do the code integrations with the backend developer to the POC and do unit testing.
Check the Cross-browser compatibility with advised browsers.
Doing the changes given by the QA and pushing to Production.
Technology: HTML5, CSS3, Bootstrap, jQuery, AngularJS, JQ grid framework, Ajax & JSon.
NASDAQ OMX WORK PROFILE
As a Senior Site Developer, my work involves creating user interface with same look and feel of the visual design or wire frame with the specific guide lines which is provided by onsite product team using latest technologies like HTML5, CSS3 and for UI static functionality using jQuery will develop the UI mock and check-in all these files in to SVN repository. From there developer will take the code and integrate with the backend code. While integration if any issues come in UI I will help to fix the UI issue. Check the cross-browser compatibility Issues with different browsers. Before check-in into SVN repository I will do unit testing in different browsers for cross browser compatibility of all aspects like UI and W3C Web Guidelines.
Recent Project: IR Mobile Responsive Design, this Project is mobile application, where clients can view the investor relations of different companies, estimates, stock information, pricing, historical data and their events using mobile, tab devices and desktop using HTML5, CSS3 with Twitter Bootstrap framework, jQuery & AngularJS.
Duration: April 2014 to Nov 2014
Role:
Convert wireframes into design html mock using HTML5 & CSS3 & Bootstrap.
Add the static UI functionality using JQuery, AngularJS, jQuery UI plug-ins & Bootstrap components.
Do the Unit testing before check-in into SVN repository.
Do the code integrations with the .net developer.
Check the Cross-browser compatibility with advised browsers.
Doing the changes given by the QA and pushing to Production.
Technology: HTML5, CSS3, AngularJS, jQuery, jQuery UI & Bootstrap.
Project Name: IR Mobile Responsive Design, Investor Relations Mobile, Customer Relations Center, Investor Relations Hub and currently started with Daily Monitor UI.
Duration: June 2013 to Mar 2014
Role: Once receive the UI Design Mock from Design team for Desktop, IPad & IPhone, will convert design into UI using HTML5 and CSS3 with screen media queries need create a html mock in to responsive design. And add the necessary functionality using jQuery, AngularJS. To create Module will use the compile XML module code to write and will give to developer.
URL for IRMobile: http://phx.corporate-ir.net/Mobile.view?c=130171
Projects Handled:
Project Name: T1IR-Daily Monitor
Tools: Html5, CSS3, jQuery, AngularJS.
This is one of the internal projects where the investor clients can able to see the daily stock and events updates day to day basis in Thomson Reuters. Here is the very specific design methods and rules. Following those methods was a challenging part due to latest technologies like HTML5, CSS3 & jQuery was challenging part due to old framework and web page should be as per the W3C Web guidelines.
Duration: April 2012 to June 2013
My Role
Phase 1 - Development
1. Creating a template with same look and feel of the UI provided by the onsite product managers
using the provided assets like images and framework and other related files.
2. Creating a UI by converting the PSD mock into HTML5 & CSS3.
3. Adding the different widgets to the UI and for each widget with same look & feel with pixel
perfection.
4. Creating CSS styles for UI which is table less, and browser compatibility is the main task and taken too many challenges to fix the UI in IE7.
5. Testing all the widgets in preview link in IE7, IE8, IE9, FF2, and FF3.
6. Doing the changes given by the Manager and pushing to Phase 2 (Maintenance).
Phase 2 – Maintenance
1. Testing the site in different browsers for cross browser compatibility.
2. Submitting for pre-launch QC and fixing the bugs.
3. Pushing the site to staging so that client can review and come up with their feedback.
4. Fixing all bugs and pushing to live.
Project Name: Investor Relations Mobile
Tools: Html5, CSS3, jQuery, module xml.
This is one of the internal projects where the investor clients can able to see the daily stock and events updates in mobile view of all the investor clients of Thomson Reuters. Here is the very specific design methods and rules. Following those methods was a challenging part due to latest technologies like HTML5, CSS3 & jQuery was challenging part due to old framework.
Duration: Jan 2011 to Mar 2012
My Role
Phase 1 - Development
1. Creating a template with same look and feel of the UI provided by the onsite product managers using the provided assets which should be compatible in all mobile browsers2. Creating a UI by converting the PSD mock into HTML5 & CSS3.
3. Adding the different modules using xml compiled code to the UI and for each widget with same look & feel with pixel perfection.
4. Creating CSS styles for UI which more responsive design, and browser compatibility is the main task and taken too many challenges which the browser widths are different.
5. Testing all the widgets in preview link in safari IPod, I Pad, I phone & smart phones.
6. Doing the changes given by the Manager and pushing to Phase 2 (Maintenance).
Phase 2 – Maintenance
1. Testing the site in different browsers for cross browser compatibility.
2. Submitting for pre-launch QC and fixing the bugs.
3. Pushing the site to staging so that client can review and come up with their feedback.
4. Fixing all bugs and pushing to live.
URL for IRMobile: http://phx.corporate-ir.net/Mobile.view?c=130171
Previously my Role:
As a Site Developer, my work involves creating a template with same look and feel of the client Investor Home page using their assets like CSS, JS and other related files. Creating a framework by converting the HTML source code of the client template to pure XHTML code and adding XSLT choose and if statements for navigation. Check the cross browser compatibility Issues with different browsers. Downloading Investor pages from the tool and applying the framework and navigations styles to the pages. Create CSS styles for Tables, Lists, Navigations items, Stock charts, Tool kits and other financial elements. Test the site in different browsers for cross browser compatibility. Submitting the site for peer review and fixing the bugs and sending to the Site production manager.
Project Name: Wal-Mart Stores Inc.
Tools: Html, XHTML, CSS, XSLT, Phoenix tool.
This is one of the Primary Client of Thomson Reuters. They wanted to design their Investor pages with Thomson Reuters. They had a very specific design methods and rules. Following those methods was a challenging part due to Phoenix tool restrictions.
My Role
Phase 1 - Development
1. Creating a template with same look and feel of the client Investor Home page using their assets
like CSS, JS and other related files.
2. Creating a framework by converting the HTML source code of the client template to pure XHTML
Code and adding XSL variables.
3. Separating Navigations from the framework and writing page wise XSL choose statements.
4. Downloading Investor pages from the tool and applying the framework and navigations styles to
the pages.
5. Creating CSS styles for Tables, Lists, Navigations items, Stock charts, Tool kits and other financial
elements.
6. Testing all the pages in preview link in IE6, IE7, IE8, FF2, FF3, Mac Safari, and Mac FF3.
7. Submitting the site for peer review and fixing the bugs and sending to the Site production
manager.
8. Doing the changes given by the Manager and pushing to Phase 2 (Maintenance).
Phase 2 – Maintenance
1. Testing the site in different browsers for cross browser compatibility.
2. Submitting for pre-launch QC and fixing the bugs.
3. Pushing the site to staging so that client can review and come up with their feedback.
4. Fixing all bugs and pushing to live.
Project 2: Bank of America Corporation
Tools: HTML, XHTML, JQuery, XSLT, Photoshop CS3, Phoenix tool.
This is a dual language website. One is English and other language is SPANISH.
Our tool won’t support with foreign languages so we need to change the English text with SPANISH text manually inside all the modules which was challenging part because some part of the module content won’t show up without complete content in the database so I have to check all the modules with dummy content and replace the language.
The Website contains more number of releases all are hosted in our end. To updated all news releases and added each release to its description which was very challenging work. This is completed within the given deadline.
Responsibilities:
Creating template to get approval from the client.
Creating whole website pages using Design and Develop tools.
Checking the website workability on Internet with different explorers like IE & Firefox.
Submitting for pre-launch QC and fixing the bugs.
Pushing the site to staging so that client can review and come up with their feedback.
Fixing bugs in both the language build and pushing to live.
Websites & Projects:
http://mediaroom.bankofamerica.com/phoenix.zhtml?c=234503&p=irol-overview - Bank of America Corporation (US)
http://phx.corporate-ir.net/phoenix.zhtml?c=114416&p=irol-irhome – Stanley Black& Decker (US)
http://phx.corporate-ir.net/phoenix.zhtml?c=112761&p=irol-irhome – Wal-Mart Corp (US)
http://phx.corporate-ir.net/phoenix.zhtml?c=102893&p=irol-irhome – Citrix (US)
http://investor.bk.com/phoenix.zhtml?c=87140&p=irol-irhome – Burger King Holdings, Inc. (US)
AOL WORK PROFILE
As a User Interface Specialist, my work involves designing web pages of AOL Portals using XHTML and CSS. Responsible for Updates and Modifications of all AOL Channels. Check the cross browser compatibility Issues with Mozilla Firefox and Internet Explorer. Part of the AOL Technical Group where we analyse the requirements and discuss various implementation Issues.
Projects Handled:
Project Name: AIM Space.
Tools: XHTML, CSS 2, Basic JavaScript.
Description: Aim Spaces is an AOL portal for users to create their own personal space on the Web, share photos, create blogs, and list their favourite movies, music, games, sports and so on.(similar to yahoo 3600 and MSN Spaces)
My Role: Determine standards for the look-and-feel and evolve a style guide for the overall
portal Developed user interface for all the web pages of the Sports and Games Module. Currently carrying out the unit testing for various functionality and browser
compatibility.
Project Name: Web Mail
Tools: XHTML, CSS 2.
Description: Creation of a new portal for the AOL’s mail system.
My Role: Based on the DRD and PSD provided, developed most of the web pages of the web mail and also carried out the unit testing for different browser compatibility.
Project Name: AOL Technical Support Portal
Tools: XHTML, CSS 2, Basic JavaScript.
Description: Creation of a new portal for the AOL’s Technical Support System.
My Role: Based on the DRD and PSD provided, developed most of the web pages of the Technical Support Portal with validations for all input fields. And also responsible for carrying out the unit testing for different browser compatibility.
Project Name: SEO (Search Engine Optimization)
Tools: XML.
Description: Worked on Search Engine Optimization of different channels for AOL.com, created sitemaps using XML.
ADDR.Com WORK PROFILE
As a Web Designer, my work involved designing web pages using HTML and CSS as per the page layout described in a PSD file. Coding Form mails, Auto Responders and Basic Scripting. Involved in quality check of all the sites that go up under the ADDR.COM’s personal home pages and corporate sites. Involved in technical group discussion for implementation and building website as per the customers’ necessities.
PROJECTS HANDLED
Cover girl Model Agency: http://www.Covergirlmodelagency.com
Mystic Jewel: http://www.mysticjewel.com
Ocean Travelers: http://www.oceantravelers.com
Worked as a User Interface Designer in ADDR Control Panel, for ADDR.COM.
My role: Determined standards for the look-and-feel and evolved a style guide. Evolved an action plan and guiding a team of designers to complete the same in timely manner.
Product Distribution: http://www.addr.com/panel