Senior OutSystems Front-End Developer

Key responsibilities

UI/UX implementation: Translate Figma or Adobe XD wireframes and mockups into fully functional, high-performance OutSystems Reactive Web and Mobile interfaces.

Theme & style guide creation: Design and maintain robust OutSystems custom themes, CSS style guides, and reusable UI components (Web Blocks) to enforce design consistency across multiple apps.

Advanced styling: Use advanced CSS, HTML5, and JavaScript to extend the OutSystems UI framework, creating custom layouts and interactive components when native widgets are insufficient.

Cross-browser & device optimization: Ensure all developed interfaces are fully responsive, pixel-perfect, and optimized for cross-browser and multi-device performance.

Performance tuning (front-end): Optimize front-end rendering, DOM manipulation, asset loading, and client-side logic to ensure rapid application load times.

Collaboration: Work side-by-side with UI/UX designers to validate feasibility, and with back-end/OutSystems developers to bind UI components to data actions and APIs.

Accessibility & standards: Apply web accessibility guidelines (WCAG) and UI design patterns strictly across all developed screens.

Requirements

Education

Bachelor’s degree in Computer Science, Information Technology, UI/UX Design, or a related field.

Experience

4+ years of experience in front-end web development, with a minimum of 2–3 years specializing inside the OutSystems platform focusing on UI capabilities.

Skills & competencies (technical & analytical + soft)

OutSystems UI framework: Mastery of OutSystems UI widgets, customization of patterns, and client-side logic/actions.

Core web technologies: Expert knowledge of HTML5, CSS3, advanced CSS (SASS/LESS), and vanilla JavaScript / modern JS frameworks.

Design system literacy: Comfort working directly from design tools like Figma, Zeplin, or Lucidchart.

Responsive layouts: In-depth knowledge of Flexbox, Grid systems, and mobile-first responsive design paradigms.

Attention to detail: An exceptional eye for typography, alignment, animations, micro-interactions, and visual hierarchy.

Collaboration: Strong communication skills to bridge the gap between design visions and technical low-code constraints.

Job location: HQ