UI Developer (Contractor) (Remote)

softwaysolutionsPreferable Location | SOnsite

This job is no longer open

UI Developer Contractor Job Description

Department: Product Development

Type: Contractor (Full time)Duration: 4th July - 4th Aug

Overall Purpose of the Position:

As a UI Developer specialized in Front End Development, your primary objective is to design, develop, and maintain user-friendly web interfaces. You will work closely with cross-functional teams to ensure the delivery of high-quality, responsive, and visually appealing applications that meet user needs and business goals.

Key Responsibilities and Duties:

- Front End Development: Develop and maintain web applications using modern front-end technologies. Ensure applications are responsive, performant, and accessible across various devices and browsers.- UI/UX Implementation: Collaborate with UX/UI designers to translate design concepts into functional, interactive experiences. Ensure alignment with design standards and best practices.- Code Quality: Write clean, maintainable, and efficient code. Adhere to coding standards and best practices, including version control and code reviews.- Performance Optimization: Optimize applications for maximum speed and scalability.

Implement best practices for front-end performance, including efficient use of assets and resources.- Cross-Functional Collaboration: Work with back-end developers, product managers, and other stakeholders to ensure seamless integration of front-end components with server-side logic. Participate in planning and design discussions.- Testing and Debugging: Write and execute unit tests and participate in system-level testing to ensure robust, error-free applications. Debug and resolve issues as they arise.- Continuous Improvement: Stay updated on industry trends, emerging technologies, and best practices in front-end development. Identify opportunities for process improvement and innovation.- Documentation: Create and maintain documentation for front-end code, including code comments, technical guides, and user manuals.

Skills and Qualifications:

- High proficiency in front-end technologies such as HTML, CSS, SCSS, JavaScript, and TypeScript.- Experience with front-end frameworks and libraries like React.js.- Familiarity with CSS animations, libraries like GSAP, anime.js, Lottie, etc and interactive micro-interactions using JavaScript or Framer Motion- Strong understanding of responsive design principles and mobile-first development.- Experience with version control systems, particularly Git.- Knowledge of front-end build tools and workflows (e.g., Webpack, Babel, npm).- Familiarity with GraphQL and RESTful APIs and asynchronous request handling.-Experience with testing frameworks and tools such as Jest, Mocha, or Cypress.-Experience with Continuous Integration and Deployment- Solid understanding of web performance optimization techniques.- Strong problem-solving skills and attention to detail.- Collaboration Platforms: Proficiency in tools such as Slack, Microsoft Teams, or Zoom for communication and coordination.- Understanding of tools for performance testing and optimization, like Lighthouse and WebPageTest.- Excellent communication and collaboration skills.- Experience working in an agile development environment.- Bachelor's degree in Computer Science, Software Engineering, or a related field.

A Master's degree is preferred.

Reporting Structure:

Reports directly to the Product Development Manager.Collaboration and Interaction:Engage with cross-functional teams, clients, and stakeholders, contributing ideas to enhance project outcomes and grow the function. Foster a teamwork-oriented mindset and provide regular updates to leadership.

Submit Your Application

You have successfully applied

You have errors in applying

Apply With Resume *First Name*Middle NameLast Name*Email*MobileReferred by: Name & comments if any: Portfolio/Git HubProvide us with links to see some of your front end work/projects - Portfolio/ Github links etc + Can you join us by July 15, 2024?*--Choose--YesNoDo you have minimum 3 years experience in converting designs into working webpages/applications?*--Choose--YesNoHave you created animated webpages ?*--Choose--YesNoHow soon can you join us? (notice period in days) *Current CTC*Expected CTC*Do you understand that this is a contract position for a period of 1-2 months?*--Choose--YesNoMention Core Tech Stack against Experience in Years ( React, Java, HTML, TypeScript) *

{ "@context" : "http://schema.org/", "@type" : "JobPosting", "url" : "https://softwaysolutions.freshteam.com/jobs/eJZzvJujN45l/UI%20Developer%20(Contractor)%20(Remote)", "title" : "UI Developer (Contractor) (Remote)", "description" : "<span style="font-size:26pt;font-family:Calibri,sans-serif;color:#17365d;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">UI Developer Contractor Job Description<h1 dir="ltr" style="line-height:1.3800000000000001;margin-top:24pt;margin-bottom:0pt;"><span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Department: Product Development</h1><span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Type: Contractor (Full time)<span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Duration: 4th July - 4th Aug<h1 dir="ltr" style="line-height:1.3800000000000001;margin-top:24pt;margin-bottom:0pt;"><span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Overall Purpose of the Position:</h1><span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">As a UI Developer specialized in Front End Development, your primary objective is to design, develop, and maintain user-friendly web interfaces.

You will work closely with cross-functional teams to ensure the delivery of high-quality, responsive, and visually appealing applications that meet user needs and business goals.<h1 dir="ltr" style="line-height:1.3800000000000001;margin-top:24pt;margin-bottom:0pt;"><span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Key Responsibilities and Duties:</h1><span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Front End Development: Develop and maintain web applications using modern front-end technologies.

Ensure applications are responsive, performant, and accessible across various devices and browsers.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- UI/UX Implementation: Collaborate with UX/UI designers to translate design concepts into functional, interactive experiences.

Ensure alignment with design standards and best practices.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Code Quality: Write clean, maintainable, and efficient code.

Adhere to coding standards and best practices, including version control and code reviews.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Performance Optimization: Optimize applications for maximum speed and scalability.

Implement best practices for front-end performance, including efficient use of assets and resources.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Cross-Functional Collaboration: Work with back-end developers, product managers, and other stakeholders to ensure seamless integration of front-end components with server-side logic.

Participate in planning and design discussions.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Testing and Debugging: Write and execute unit tests and participate in system-level testing to ensure robust, error-free applications.

Debug and resolve issues as they arise.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Continuous Improvement: Stay updated on industry trends, emerging technologies, and best practices in front-end development.

Identify opportunities for process improvement and innovation.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Documentation: Create and maintain documentation for front-end code, including code comments, technical guides, and user manuals.<h1 dir="ltr" style="line-height:1.3800000000000001;margin-top:24pt;margin-bottom:0pt;"><span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Skills and Qualifications:</h1><span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- High proficiency in front-end technologies such as HTML, CSS, SCSS, JavaScript, and TypeScript.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Experience with front-end frameworks and libraries like React.js.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Familiarity with CSS animations, libraries like GSAP, anime.js, Lottie, etc and interactive micro-interactions using JavaScript or Framer Motion<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Strong understanding of responsive design principles and mobile-first development.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Experience with version control systems, particularly Git.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Knowledge of front-end build tools and workflows (e.g., Webpack, Babel, npm).<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Familiarity with GraphQL and RESTful APIs and asynchronous request handling.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">-Experience with testing frameworks and tools such as Jest, Mocha, or Cypress.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">-Experience with Continuous Integration and Deployment<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Solid understanding of web performance optimization techniques.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Strong problem-solving skills and attention to detail.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">-  Collaboration Platforms: Proficiency in tools such as Slack, Microsoft Teams, or Zoom for communication and coordination.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Understanding of tools for performance testing and optimization, like Lighthouse and   WebPageTest.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Excellent communication and collaboration skills.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Experience working in an agile development environment.<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> <span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">- Bachelor's degree in Computer Science, Software Engineering, or a related field.

A Master's degree is preferred.<div> </div><h1 dir="ltr" style="line-height:1.3800000000000001;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Reporting Structure:</h1><span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Reports directly to the Product Development Manager.<span style="font-size:13.999999999999998pt;font-family:Calibri,sans-serif;color:#366091;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Collaboration and Interaction:<span style="font-size:11pt;font-family:Cambria,serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Engage with cross-functional teams, clients, and stakeholders, contributing ideas to enhance project outcomes and grow the function.

Foster a teamwork-oriented mindset and provide regular updates to leadership.", "datePosted" : "2024-07-15 11:37:37 UTC", "employmentType" : "CONTRACTOR", "remote" : "true", "hiringOrganization" : { "@type":"Organization", "name":"Softway" }, "jobLocation" : { "@type": "Place", "address": { "@type": "PostalAddress", "streetAddress": "", "addressRegion": "Bengaluru", "postalCode": "", "addressLocality": "", "addressCountry": "India" } } } var translation = { 'employer_title': `Designation`, 'employer_company': `Company/Business name`, 'employer_start_date': `Start date`, 'employer_end_date': `End date`, 'employer_is_current': `I currently work here`, 'employer_summary': `Summary`, 'employer_remove': `Remove this employer`, 'education_degree': `Degree`, 'education_field_of_study': `Field of study/major`, 'education_school_name': `Institution/school name`, 'education_start_date': `Start date`, 'education_end_date': `End date`, 'education_is_current': `Currently pursuing`, 'education_grade': `Grade`, 'education_remove': `Remove this degree` };

This job is no longer open

Your tracker settings

We use cookies and similar methods to recognize visitors and remember their preferences. We also use them to measure ad campaign effectiveness, target ads and analyze site traffic. To learn more about these methods, including how to disable them, view our Cookie Policy or Privacy Policy.

By tapping `Accept`, you consent to the use of these methods by us and third parties. You can always change your tracker preferences by visiting our Cookie Policy.

ThatStartupJob

Discover the best startup and their job positions, all in one place.