Sentient.io is a bespoke innovator and service provider of an acclaimed state-of-the-art AIaaS (Artificial Intelligence as a Service) platform which democratizes access to AI through the marriage of large, diverse and open data sets with deep, diverse AI algorithms to produce tailored solutions in the realms of Voice, Computer Vision, Natural Language Programming and more.
Our solutions are curated with the vision of helping software developers quickly discover and embed AI algorithms in their applications, optimizing development efforts and shortening time-to-market which ultimately empowers developers to focus on what truly matters, that is to deliver great technology solutions to their end-users.
As Singapore's one-of-its-kind business with footprints spanning across the Singapore and Japanese markets in collaboration with multiple prominent clients, we are now rapidly growing and are excited to seek out passionate talents to be part of the Sentient family to accelerate and accentuate our business cause.
The Front-End Developer Associate is responsible for translation of the UI/UX design to actual code that will produce visual elements of the application. The associate will work closely with the design team as well as the back-end development team to implement how the application looks as well as how it works. He/She will also ensure a consistent user experience as well as optimizing web pages for maximum efficiency across all web pages.
DUTIES & RESPONSIBILITIES
1. Convert product UI mock-ups to actual coded interfaces
Analyse the UI requirement from mock-up / wireframes (usually in Adobe XD), extract essential information such as size, space, font and color. Implement the interface in front-end code as close to the original mock-up as possible including:
- Implementing the designed icon/ fonts to the coded interface
- Editing the front-end framework’s default UI element to fit the design
- Slicing out images/graphics and optimize media files for fast and good quality web display
- Manipulating the UI element’s micro-behaviors to enhance user experience (e.g. hover or on focus effects, animations, pop-ups, etc)
2. Implement UI design for mobile-responsive based on the designer instruction
Code mobile-responsive web pages / product based on provided design example including:
- Defining and adjusting layout at various display breakpoints properly
- Optimising and resizing specific elements for better usability across different sizes of screens
- Creating different navigation functions and UI workflows catering to users operating across various device types (e.g. touch screen vs mouse cursor interaction)
3. Create and document reusable and maintainable front-end UI components and services
Abstract reusable UI elements and functions into libraries such as:
- CSS library for brand specific classes
- Javascript library for frequent accessing frontend logics and functions
- Proper documentation so that other developers can understand the codes and reuse them effectively
- Implementing high flexibility for future customizations, taking into consideration the various possible future use cases of the UI elements
4. Improve front-end performance for existing platform/product
Frequently review and optimise the implementation on existing platform/ product including:
- Refactoring code to be more modular, reusable and easy-to-understand
- Correcting inconsistent use of font / color and UI components
- Removing deprecated / legacy code or classes
- Converting redundant functions in to libraries or classes
- Cross-browser checking and bug fixes
5. Optimize for cross-compatibility
Always cater the front-end’s performance to be consistent and smooth across various browsers, operating systems and device types
EXPECTED OUTCOMES
- Improvement to product’s front-end performance as quantifiable by 3rd party tools (e.g. improve Google Lighthouse score up to 90).
- Better user experience with micro-user interaction such as animations.
- Better product front-end development process that will be applicable for future projects, especially between UI designers and backend engineers.
- Reusable components library that can share across different projects.
- Well-documented process and code resource for quick future referencing
ARCHETYPES OF THE SUCCESSFUL CANDIDATE
- Background in computer science or equivalent
- Good understanding of web front-end technologies - HTML, CSS and JavaScript is a must.
- Good understanding with at least one popular frontend library (Knowledge of Vue and frameworks that developed using Vue is a bonus)
- Familiar with Node.js, npm or yaml packages and basic command line
- Familiar with Git and GitHub version control process
- Familiar with using Adobe XD or similar prototyping tools for slicing and extracting design elements.
- Basic understanding of design principles, color, font and size
- Knowledge in animation / motion graphics and UI design will be an added advantage.
- Knowledge in TypeScript is an added advantage.
- Organised, self-initiated individual that is comfortable working in a fast-paced start-up environment.
- This is a three-month traineeship position.
Related Job Searches:
- Company:
Sentient.io Pte. Ltd. - Designation:
Front-end Developer Intern / Associate - Profession:
IT / Information Technology - Industry:
Computer and IT - Location:
Queenstown