Role Purpose

The purpose of this role is to design and develop the user interface of a product/ application as per the customer's/ business requirement

Do

Design and Development of UI for a Product/ Application

Collaborate with Business Analyst & Pro duct Manager for a better understanding of functional requirements, analysis, design document

Understand the requirements from UX Designer and use agile methodology to create static designs and interactive prototypes

Implement features and create presentation layer in accordance with business requirements and UX specifications

Develop working prototypes from UI designs for cross-platform devices and ensure cross-browser compatibility

Develop and maintain new and existing product's screens by utilizing different technologies in creating component based responsive design

Ensure heavy use of Chrome Developer Tools + Firebug to ensure front-end code and assets were optimized and of high-quality

Ensure usage of color and font represent integrated brand perception and user experience

Collaborate with other user experience designers, UI software engineers and graphic designers to ensure a consistent and integrated user experience

Actively participate in design and code review to ensure that overall application is robust, bug-free and easy to maintain

Competency Building

Integrate best practices through competency development, multiskilling and by doing mandatory training compliance

Participating in continuing education and training to remain current on best practices, learn new programming languages, and better assist other team members.

Enable team member's knowledge sharing across teams and best practices

Stakeholder Interaction

Stakeholder Type

Stakeholder Identification

Purpose of Interaction

Internal

Business Analyst and Product Manager

To understand the business/ customer requirements

UX Designers

To understand the prototype created

Other UI Developers (front end and backend)

To create the UI Design

DevOps

For development and integration of the design

Display

Lists the competencies required to perform this role effectively:

• Functional Competencies/ Skill
  • Leveraging Technology - Knowledge of current and upcoming technology along with expertise in programming (automation, tools and systems) to build efficiencies and effectiveness in own function/ Client organization - Competent
  • Solution Focus - Apply design thinking to bring about new and novel solutions or changes in processes, products or the way business is conducted with great problem analysis - Expert
  • Technical knowledge - knowledge of various programming languages, UI design Software (Adobe Illustrator), Image Editing - Expert

Competency Levels

Foundation

Knowledgeable about the competency requirements. Demonstrates (in parts) frequently with minimal support and guidance.

Competent

Consistently demonstrates the full range of the competency without guidance. Extends the competency to difficult and unknown situations as well.

Expert

Applies the competency in all situations and is serves as a guide to others as well.

Master

Coaches others and builds organizational capability in the competency area. Serves as a key resource for that competency and is recognised within the entire organization.

• Behavioral Competencies
  • Formulation & Prioritization
  • Visual Articulation
  • Managing Complexity
  • Client centricity
  • Execution Excellence
  • Passion for Results
  • Team Management
  • Stakeholder Management

Deliver

No.

Performance Parameter

Measure

1.

Create design and development of UI

accuracy of code (100% error free code), throughput %, Adherence to the schedule/ release plan, re-usability of the code

2.

Capability Development

Strengthening technical skills, % trained on new age skills

Adobe Magento Commerce