Remote Senior Frontend Engineer

Summary

Join Lilt's team as a Senior Staff Frontend Engineer and apply your knowledge of graphic design and animation to perform various tasks, including executing graphic design tasks, creating graphic design templates, researching industry trends, collaborating with designers and engineers, participating in Agile software methodologies, providing leadership and guidance, and performing end-to-end testing.

Requirements

• Bachelor’s degree in computer science, engineering management, or another engineering field
• 7 years of software engineering experience
• Willing to accept any reasonable combination of education and experience (M.S. + 5 yrs of exp); Exp. can be gained concurrently with master’s education
• Large-scale software engineering exp w/JavaScript frameworks – 4 years
• Exp w/Sketch, Storybook, or Figma – 3 years
• Graphic design & UI experience – 3 years
• Exp. using MySQL to develop relational databases – 4 years

Responsibilities

• Execute graphic design tasks involve changing/adding user interface components on the dashboard, designing, and implementing a customized user interface for translators
• Conducting meetings with managers and designers to gather business requirements and divide them into technical tasks and sub-tasks
• Discussing building wireframes and mockups with designers to set user interface expectations corresponding to its look and functionality
• Estimating work efforts based on complexity and time with managers and engineers for each task following agile methodologies
• Designing and developing features for customer-facing applications including adding/modifying content on the dashboard, adding better upload and download functionalities for all files formats to be translated, build a robust dropdown that can be filtered by making labels
• Using advanced CSS animations or third party javaScript plugins to build animations in UI components to improve user interaction for customers from a static looking website to a more dynamic experience
• Create graphic design templates like mockups and wireframes using Photoshop, Indesign, or Sketch to display a visual representation of the web application to help and guide engineers to understand the technical needs and develop the product
• Consulting with program managers and lead designers to understand their goals and research results
• Conducting usability testing and collect data by selecting a few customers that identify existing UI problems and improve them
• Creating wireframes, mocks, storyboard, flow charts using a sketch, illustrator, Photoshop to create a template for development
• Reviewing the design with designers and communicate the development implementation with other engineers
• Research graphic design industry trends and best user-centered design practices using Photoshop, CSS 3, SASS framework along with CSS media queries for desktop and mobile software responsiveness
• Continuously reviewing accessibility standards and guidelines which must meet Section 508 regulations
• Continuously reviewing and developing cutting-edge user interface designs that give users clear direction for navigation
• Developing better solutions to simplify complex user interaction with UI to make customers daily tasks easier
• Designing mocks based on different screen resolutions like desktops, tablets, and mobiles for better readability and proper adjustment of UI content and elements (cards, dropdowns, modals, sidebar navigation)
• Once the mock designs are finished, building UI to test responsiveness on the screen using HTML, CSS 3, media queries, JSS, Sass
• Correcting any UI defects based on the screen resolution
• Collaborate with graphic designers and engineers with creative and technical problems and work with software Front End, Back End, Quality Analysts, and Product Managers to participate in collecting software user interface and user experience graphic design requirements
• Planning meetings and discussions are crucial day-to-day aspects of the Senior Staff Frontend Engineer position because it involves evaluating high-level requirements from the product team by asking the right questions, dividing them into engineering tasks, updating progress, and delivering features before the due date
• Requirements gathering in order to document all of the end product's functionalities after a discussion with business stakeholders
• Conducting meetings to discuss project scope and estimate efforts by providing points that indicate the duration taken to finish the work
• If any feature functionality is out of scope or there are questions regarding ambiguity and code architecture, discussing it during a detailed requirement gathering phase
• Dividing these requirements into technical sub tasks and for development implementation
• Participate in daily stand-up meetings with engineers, designers, and program managers to discuss the work status of the present and previous day
• Discuss work blockers, concerns regarding current product feature development and brainstorm ideas to resolve them. For example, code deployment build failures on Github (central repository for developers to merge all code) block the new features from getting merged in production
• Discuss new ideas for product features and provide inputs to the program manager to enhance the current product features such as performance and visual improvements of the application
• Schedule meetings with engineers, designers, and managers to discuss specific topics that need a more detailed discussion. For example, features that need more requirements and changes to be released to production
• Provide leadership and guidance to other graphic designers and UI/UX professionals to provide creative and complex technical graphic design resolutions
• Implementing a GIT repository where the design system lives along with StoryBook (documentation of UI component examples and how to use it) and setup packages such as typescript, lint, rollup, jest tests
• Developing components using React (javaScript) with storybook examples, test code for the components using, and HTML CSS for styling
• Conducting meetings with the manager, designers, and engineers to discuss design system issues and solutions
• Identifying action items to resolve the above problems and update the team through email, slack channel, and engineering meetings
• Sending weekly updates to product and engineering teams on new components and their usage and list discussion topics for the next meeting through email and slack channel
• Participate in system design discussions with Back End Engineers about the Application Programming Interface, and build REST-based server request/response structures
• Conduct meetings with engineers and discuss how to set up tables and make API calls to perform actions
• Build charts and document technical discussions for other engineers to understand the process of building the application
• Constantly communicate with engineers for design changes for example modification in data that is being sent through the REST-based server request/response structures and new tables required in the database to maintain more specific data etc
• Define necessary data structures which are expected on the client-side to present the required information in the graphic user interface
• Display data on user interface based on the product requirements
• Create data structures including objects, arrays, sets, strings, hashmaps, binary trees that are useful structures to store, filter, change data as required using various javascript functions like map, filter, reduce, etc
• Perform end-to-end testing of the software user interface, add client side unit tests to improve code coverage and ensure that other parts of the application are stable
• Writing unit and integration test codes for javascript functions, design system UI components to test provide an expected output based on user input
• For example, if creating a function that takes in an array of string, number, boolean ([ name: "Aditya", id: 121, isConfirmed: true]) and returns an object { name: "Aditya Sharma", age: 33, accountId: 3332323 ...}, it ensures the object with the following properties mentioned above is returned; otherwise, the test will fail and then must refactor the main function for the test code to pass
• Writing end to end tests that involve testing navigation to different page paths and make sure nothing breaks
• Writing code in JavaScript by writing steps in a sequence while each step is connected to a function that executes synchronously
• Using the Puppeteer plugin to test our application, where the headless browser automatically runs the application in the browser and displays our app working smoothly

Benefits

• Competitive salary, meaningful equity, 401(k) matching, and flexible time off plus company holidays
• Employees receive coverage of medical, dental, and vision insurance, plus FSA/DFSA, HSA, and Commuter benefits. In addition, Lilt pays for basic life insurance, short-term disability, and long-term disability
• Paid parental leave is provided after 6 months
• Monthly lifestyle benefit stipend via the Fringe platform to allow employees to customize benefits to their lifestyle