OutSystems Front-End Developer, Senior

Posted 6 Days Ago
Be an Early Applicant
Cairo, EGY
In-Office
Senior level
Information Technology • Software
The Role
Build pixel-perfect, responsive OutSystems Reactive Web and Mobile interfaces from Figma/Adobe XD designs. Create reusable OutSystems themes, Web Blocks, and CSS style guides. Extend OutSystems with advanced HTML5, CSS (SASS/LESS), and JavaScript for custom components, optimize front-end performance, ensure cross-browser/device compatibility, and apply WCAG accessibility standards while collaborating with designers and back-end developers.
Summary Generated by Built In

Adree is seeking a creative and detail-oriented OutSystems Front-End Developer, Senior to elevate the user experience and visual interface of our digital products. This role focuses heavily on the look, feel, and responsiveness of OutSystems applications. You will be responsible for translating UI/UX wireframes and mockups into high-fidelity, reusable OutSystems themes, blocks, and templates. Operating at the intersection of design and low-code engineering, you will ensure seamless web and mobile user interfaces that are pixel-perfect, highly performant, and compliant with accessibility standards.

Key Responsibilities

  • UI/UX Implementation: Translate Figma or Adobe XD wireframes/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

Skills Required

  • Bachelor's degree in Computer Science, Information Technology, UI/UX Design, or related field
  • 4+ years Front-End Web Development experience with 2-3 years specializing in OutSystems UI
  • Mastery of OutSystems UI framework, widgets, client-side logic, and customization
  • Experience creating OutSystems themes, reusable Web Blocks, and CSS style guides
  • Expert knowledge of HTML5, CSS3, Advanced CSS (SASS/LESS)
  • Strong JavaScript skills (vanilla JS and modern JS frameworks)
  • Proficiency with design tools and handoff: Figma, Adobe XD, Zeplin, or Lucidchart
  • Responsive design expertise including Flexbox and CSS Grid, mobile-first paradigms
  • Front-end performance optimization (rendering, DOM, asset loading)
  • Knowledge and application of web accessibility standards (WCAG)
  • Strong attention to detail, typography, micro-interactions, and collaboration skills
Am I A Good Fit?
beta
Get Personalized Job Insights.
Our AI-powered fit analysis compares your resume with a job listing so you know if your skills & experience align.

The Company
HQ: Riyadh
18 Employees

What We Do

Adree is a technology-driven company that goes beyond software testing. We specialize in Quality Assurance (QA), Quality Control (QC), and Low Code/No Code services. We exist to empower businesses in the digital realm, optimizing their projects with high-quality code. To constantly empower IT and businesses with innovative, unique digital solutions. We bridge the gap between business and technology, crafting distinguished pathways to success. By blending expertise with creativity, we inspire transformative journeys, ensuring our clients thrive in the digital age. Our Mission: Empower IT and businesses with innovative, unique digital solutions, bridging the gap between business and technology for success in the digital age. Our Vision: Become the global leader in digital excellence, known for our unwavering commitment to tailor-made solutions, driving innovation for businesses of all sizes and industries. Who We Are: At Adree, we lead with a visionary concept to ignite innovation in software development and testing. Our distinctive approach empowers businesses through: 1. Quality Assurance (QA) and Quality Control (QC): Ensuring the reliability and performance of digital solutions. 2. Low Code / No Code Application Development: Rapid application design and integration for efficiency. 3. Application & Infrastructure Performance Monitoring: Ensure seamless user experiences. 4. Application Lifecycle Management: Efficient, secure application management from inception to retirement.

Similar Jobs

Mastercard Logo Mastercard

Senior Customer Technical Services Analyst

Blockchain • Fintech • Payments • Consulting • Cryptocurrency • Cybersecurity • Quantum Computing
Hybrid
Cairo, EGY
38800 Employees

Mastercard Logo Mastercard

Consultant

Blockchain • Fintech • Payments • Consulting • Cryptocurrency • Cybersecurity • Quantum Computing
Hybrid
Cairo, EGY
38800 Employees

Mondelēz International Logo Mondelēz International

Product Change Manager (PCM), Egypt

Big Data • Food • Hardware • Machine Learning • Retail • Automation • Manufacturing
Remote or Hybrid
Cairo, EGY
90000 Employees

Ericsson Logo Ericsson

Architect

Cloud • Information Technology • Internet of Things • Machine Learning • Software • Cybersecurity • Infrastructure as a Service (IaaS)
In-Office or Remote
2 Locations
88000 Employees

Similar Companies Hiring

Golden Pet Brands Thumbnail
Digital Media • eCommerce • Information Technology • Marketing Tech • Pet • Retail • Social Media
El Segundo, California
178 Employees
Kepler  Thumbnail
Fintech • Software
New York, New York
6 Employees
Onshore Thumbnail
Artificial Intelligence • Fintech • Software • Financial Services
New York, New York
60 Employees

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account