RQ00637 - UX Designer - Intermediate

📍 Job Overview

Job Title: RQ00637 - UX Designer - Intermediate

Company: Maarut

Location: Toronto, Ontario, Canada

Job Type: Contract

Category: User Experience (UX) Design / Front-end Development

Date Posted: 2026-08-19

Experience Level: 5-10 Years

Remote Status: On-site

🚀 Role Summary

• Design and enhance user interfaces for web applications, focusing on intuitive and user-centered experiences.

• Translate UX designs, wireframes, and prototypes into functional front-end code using HTML, CSS/SASS, and JavaScript.

• Support the ongoing content updates and maintenance of web applications, ensuring adherence to accessibility and usability standards.

• Collaborate closely with product, development, and business teams throughout the entire design lifecycle within Agile or waterfall methodologies.

• Ensure all designed solutions are responsive, accessible, and aligned with current web standards and best practices.

📝 Enhancement Note: While the role is listed as "UX Designer," the extensive requirements for HTML, CSS/SASS, and JavaScript indicate a strong "Front-end Developer with UX Design Skills" or "UI/UX Developer" profile. The emphasis on translating designs into code and maintaining web applications suggests a hands-on technical role rather than a purely conceptual UX position. The "Intermediate" level, combined with the 5+ years of experience requirement, points to a mid-level professional expected to contribute independently and effectively to project deliverables.

📈 Primary Responsibilities

• Design intuitive, user-centered interfaces for web-based applications, ensuring a seamless user journey.

• Translate UX concepts, wireframes, and interactive prototypes into clean, efficient front-end code using HTML, CSS/SASS, and JavaScript.

• Develop and refine UX artifacts, including detailed wireframes, comprehensive user flows, and interactive prototypes to effectively communicate design intent.

• Support content updates, UI enhancements, and ongoing maintenance of existing web applications, leveraging platforms like WordPress or similar Content Management Systems (CMS).

• Actively collaborate with developers, product managers, and other stakeholders throughout the design and development lifecycle to ensure project alignment and success.

• Uphold and ensure designs strictly adhere to accessibility standards (e.g., WCAG), usability best practices, and established web standards.

• Conduct iterative design improvements based on feedback, usability testing insights, and evolving technical constraints.

• Participate effectively in Agile or waterfall delivery processes as an integral part of dedicated application teams.

📝 Enhancement Note: The responsibilities clearly delineate a dual focus on design execution and front-end implementation. The emphasis on "supporting content updates and page maintenance using WordPress or similar CMS platforms" implies a need for practical content management skills alongside core UX/front-end development. The requirement to "Conduct design iterations based on feedback, usability insights, and technical constraints" highlights the iterative nature of the role and the need for adaptability.

🎓 Skills & Qualifications

Education: While no specific degree is mentioned, a Bachelor's degree in Computer Science, Human-Computer Interaction, Design, or a related field is typically expected for this level of experience. Equivalent practical experience will also be considered.

Experience: 5+ years of proven experience in UX design for web applications, with a strong emphasis on front-end development implementation.

Required Skills:

• Proven experience designing UX interfaces for web applications.

• Strong hands-on experience translating designs into functional front-end code using HTML, CSS/SASS, and JavaScript.

• Demonstrated proficiency with Adobe XD or similar wireframing/prototyping tools.

• Experience supporting content updates and ongoing upkeep of web applications.

• Strong understanding of responsive and accessible web design principles.

• Ability to work independently and collaboratively within cross-functional teams.

• Strong communication skills to articulate design decisions and technical constraints effectively.

• Experience working with WordPress or similar Content Management Systems (CMS) platforms. Preferred Skills:

• Experience designing interfaces for public-facing or enterprise-level web applications.

• Experience working within health, health-IT, or other regulated environments.

• Familiarity with design systems and the creation/utilization of reusable component libraries.

• Experience collaborating closely with development teams in Agile environments.

• Understanding of cross-browser compatibility and performance considerations.

• Experience applying WCAG or other accessibility best practices.

• Strong visual design sensibility combined with robust technical problem-solving skills.

📝 Enhancement Note: The "Must Haves" section in the original description is quite detailed and directly translates to the Required Skills. The "Desired Skills" map directly to the Preferred Skills, offering a clear distinction between essential and advantageous qualifications. The combination of UX design tools and front-end coding skills is a critical requirement for this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive design portfolio is explicitly evaluated (40 points), showcasing a strong track record of UX design for web applications.

• The portfolio should demonstrate the ability to translate wireframes and prototypes into functional front-end code (HTML, CSS/SASS, JavaScript).

• Include examples of responsive and accessible design implementation.

• Showcase experience with content updates and web application maintenance, ideally with examples from CMS platforms like WordPress.

• Highlight experience working within Agile project management practices. Process Documentation:

• While not explicitly stated as a deliverable, candidates are expected to demonstrate their understanding and application of design lifecycle processes through their portfolio and interview discussions.

• Showcase workflow design and optimization through user flow diagrams and interactive prototypes.

• Illustrate implementation and automation methods through code samples or descriptions of front-end development practices.

• Demonstrate measurement and performance analysis through case studies that highlight user feedback, usability insights, and adherence to standards.

📝 Enhancement Note: The explicit mention of a "Design portfolio 40 Points" under "Evaluation Criteria" underscores its paramount importance. This indicates that candidates must present a robust collection of work that validates their claimed skills in UX design and front-end implementation, particularly demonstrating the translation of design concepts into tangible web experiences.

💵 Compensation & Benefits

Salary Range: Given the location (Toronto, Ontario, Canada), the contract nature of the role, and the requirement for 5-10 years of experience in UX design with strong front-end development skills, an estimated salary range for a contract UX Designer/Developer would be CAD $55 - $85 per hour. This range can vary based on the specific project duration, the candidate's precise skill set, and negotiation.

Benefits: As this is a contract position, standard employee benefits (health insurance, retirement plans, paid time off) are typically not provided by the hiring organization. Contractors usually arrange their own benefits and may bill for hours worked or provide a fixed project rate.

• Potential for contract extension based on performance and project needs.

• Opportunity to work on diverse web applications within potentially regulated environments.

Working Hours: The standard working hours are estimated at 40 hours per week, aligning with typical full-time employment expectations for contract roles. Flexibility may be available depending on project deadlines and team collaboration needs, but the on-site requirement suggests adherence to core business hours.

📝 Enhancement Note: Since the raw job data did not include salary information, an estimation has been made based on industry benchmarks for contract UX Designers/Developers in Toronto, Canada, with the specified experience level. The hourly rate is a common structure for contract roles. The absence of traditional benefits is also a standard characteristic of contract employment.

🎯 Team & Company Context

🏢 Company Culture

Industry: Maarut operates within the technology sector, with potential specialization in enterprise solutions or specific industry verticals given the mention of "health, health-IT, or regulated environments." This suggests a focus on building robust, compliant, and scalable applications.

Company Size: Maarut is described as having a size that suggests a structured organization, likely a mid-sized to large enterprise, capable of managing complex projects and employing specialized roles like UX Designers. This implies established processes and potential for cross-functional team collaboration.

Founded: Information on the founding date is not provided, but the company's presence suggests a stable operational history and established market presence.

Team Structure:

• The UX Designer will likely be part of a project-based team, potentially embedded within an application development unit.

• Reporting structure would likely involve a UX Lead, Product Manager, or Development Manager, depending on the project's organizational framework.

• Cross-functional collaboration is a key aspect, with regular interaction expected with product management, development teams, and business stakeholders to ensure design alignment and successful implementation. Methodology:

• The role explicitly mentions participation in Agile or waterfall delivery processes, indicating a need for adaptability to different project management methodologies.

• A data-driven approach is implied through the emphasis on user-centered design, usability insights, and adherence to standards, suggesting that design decisions are informed by user feedback and performance metrics.

• Workflow planning and optimization are central to the UX design process, focusing on creating efficient and intuitive user journeys.

Company Website: www.maarutinc.com

📝 Enhancement Note: Based on the provided company description and job requirements, inferences are made about Maarut's operational environment. The mention of "regulated environments" suggests a need for rigorous design and development processes, impacting the company's culture and operational methodologies.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as "Intermediate," suggesting it's a mid-level position. Candidates are expected to possess a solid foundation of 5-10 years of experience, allowing them to work with moderate supervision, contribute significantly to projects, and take ownership of specific design and development tasks. They are beyond entry-level but not yet senior leaders.

Reporting Structure: The UX Designer will likely report to a Project Manager, Product Owner, or a Lead UX Designer within a specific project team. They will collaborate closely with front-end developers, back-end developers, QA testers, and business analysts.

Operations Impact: The UX Designer's impact is critical to the success of web applications by ensuring they are user-friendly, accessible, and meet business objectives. Their work directly influences user adoption, satisfaction, and the overall effectiveness of digital platforms, contributing to business efficiency and potentially revenue generation through improved user engagement and task completion rates.

Growth Opportunities:

• Skill Advancement: Opportunity to deepen expertise in specific areas like accessibility (WCAG), advanced front-end techniques, or specialized design systems within health-IT or regulated industries.

• Project Leadership: Potential to lead UX/UI efforts on smaller projects or specific features, gaining experience in project management and stakeholder communication.

• Specialization: Develop a niche expertise in areas like user research, interaction design, or front-end performance optimization, becoming a go-to resource for specific challenges.

• Transition to Senior Roles: Successful performance and demonstrated leadership can pave the way for opportunities as a Senior UX Designer or Front-end Developer, potentially with team lead responsibilities.

📝 Enhancement Note: The "Intermediate" level and the specific experience requirement (5+ years) are used to frame the career analysis. The emphasis on dual UX and front-end skills suggests growth potential in either specialized track or a combined UI/UX development role.

🌐 Work Environment

Office Type: The role is specified as "On-site," indicating a traditional office-based work environment. This suggests a collaborative atmosphere where in-person interaction with team members is prioritized.

Office Location(s): The primary office location is Toronto, Ontario, Canada. This implies access to a vibrant urban professional network and standard office amenities.

Workspace Context:

• Collaborative Environment: Expect a dynamic workspace where close collaboration with product managers, developers, and other designers is common. This facilitates rapid iteration and problem-solving.

• Tools & Technology: Access to standard design and development tools, including Adobe XD, IDEs for coding, and potentially a CMS for content management. The company likely provides necessary hardware and software.

• Team Interaction: Regular team meetings, stand-ups, and brainstorming sessions are expected, fostering a sense of shared purpose and collective problem-solving.

Work Schedule: The standard 40-hour work week is expected, likely with core business hours for on-site collaboration. While some flexibility might be possible, punctuality and consistent presence are key for an on-site role.

📝 Enhancement Note: The "On-site" designation is the primary driver for this section, emphasizing the nature of the physical workspace and the expected level of in-person interaction.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio for alignment with the required UX design and front-end development skills.

• Technical Interview/Assessment: This may involve a coding challenge or a discussion about your experience translating designs into HTML, CSS/SASS, and JavaScript. Expect questions on responsive and accessible design principles.

• Portfolio Review: A dedicated session where you will walk through your portfolio, explaining your design process, problem-solving approaches, and the technical implementation details of your projects. Be prepared to discuss the "why" behind your design choices and the impact of your work.

• Team/Hiring Manager Interview: Focuses on cultural fit, collaboration style, and assessing your experience with Agile methodologies and working in cross-functional teams.

• Final Evaluation: Based on the combined assessment of your technical skills, portfolio, problem-solving abilities, and cultural fit.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 of your strongest projects that best showcase your UX design and front-end development capabilities for web applications.

• Structure Your Case Studies: For each project, clearly outline the problem statement, your role, the design process, the technologies used (HTML, CSS/SASS, JS, Adobe XD), key challenges, solutions implemented, and measurable outcomes or impact.

• Highlight Design-to-Code Translation: Explicitly demonstrate how you translated wireframes/prototypes into functional code. Include code snippets or live links if possible.

• Emphasize Accessibility & Responsiveness: Showcase how you incorporated these principles into your designs and implementations.

• Quantify Impact: Wherever possible, use data and metrics to demonstrate the success of your projects (e.g., improved conversion rates, reduced bounce rates, positive user feedback).

• Prepare to Discuss: Be ready to articulate your design rationale, technical decisions, and how you handled feedback and constraints.

Challenge Preparation:

• Practice Coding: Brush up on your HTML, CSS/SASS, and JavaScript fundamentals, focusing on creating responsive layouts and accessible components.

• Understand Design Systems: Be prepared to discuss your experience with or understanding of design systems and component libraries.

• Agile Methodologies: Review common Agile terms and practices (e.g., sprints, stand-ups, backlog grooming) and how a UX Designer/Developer fits into this workflow.

• Accessibility Standards: Familiarize yourself with WCAG guidelines and how to implement them.

📝 Enhancement Note: The evaluation criteria heavily emphasize the portfolio, making portfolio review tips a critical component of interview preparation. The dual nature of the role (UX design + front-end dev) means interview questions will likely probe both areas.

🛠 Tools & Technology Stack

Primary Tools:

• UX/Wireframing/Prototyping: Adobe XD (primary requirement), Figma, Sketch, InVision, Axure RP. Proficiency with at least Adobe XD is essential.

• Front-end Development:

  • Core Languages: HTML5, CSS3, JavaScript (ES6+).
  • CSS Preprocessors: SASS/SCSS is specifically mentioned and highly preferred.
  • Frameworks/Libraries: While not explicitly listed, familiarity with modern JavaScript frameworks (e.g., React, Vue, Angular) or front-end build tools (e.g., Webpack, Gulp) is often beneficial.

• Content Management Systems (CMS): WordPress is specifically mentioned as a platform for content updates and maintenance. Familiarity with other CMS platforms could also be advantageous.

Analytics & Reporting:

• While not directly specified, understanding how to use analytics tools (e.g., Google Analytics) to inform design decisions and measure user behavior is a valuable skill.

• Experience with A/B testing tools to validate design hypotheses would be a plus. CRM & Automation:

• CRM knowledge is not a primary requirement for this role, as the focus is on front-end user interfaces and application content.

📝 Enhancement Note: The explicitly listed technologies (Adobe XD, HTML, CSS/SASS, JavaScript, WordPress) form the core of the required tech stack. Other related technologies are inferred as beneficial for a candidate in this field.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong commitment to designing for the end-user, ensuring intuitive and efficient experiences.

• Quality & Standards: Dedication to upholding high standards for design, accessibility, responsiveness, and code quality.

• Collaboration: Valuing teamwork and open communication, working effectively with cross-functional teams to achieve shared goals.

• Continuous Improvement: A proactive approach to iterating on designs based on feedback and data, and staying updated with evolving web technologies and best practices.

• Problem-Solving: A mindset focused on identifying challenges and developing practical, effective solutions through design and code.

Collaboration Style:

• Cross-functional Integration: Expect to work closely with product managers to understand requirements, developers to implement designs, and potentially QA to ensure quality.

• Feedback Exchange: An environment where constructive feedback is regularly given and received, crucial for iterative design and development.

• Knowledge Sharing: A culture that encourages sharing insights, best practices, and learnings within the team to foster collective growth and efficiency.

📝 Enhancement Note: These values are inferred based on the job description's emphasis on user-centered design, collaboration, adherence to standards, and iterative improvement.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design and Development: Effectively managing the dual responsibility of creating compelling UX designs and translating them into functional, efficient code, often under project deadlines.

• Working with Legacy Systems: Potentially maintaining and updating older web applications, which may present technical constraints or require careful integration with modern design principles.

• Adhering to Strict Standards: Ensuring compliance with accessibility (WCAG) and potentially industry-specific regulations (e.g., health-IT) requires meticulous attention to detail.

• Cross-functional Communication: Articulating technical constraints to non-technical stakeholders and design decisions to developers effectively can be challenging.

Learning & Development Opportunities:

• Deepen Accessibility Expertise: Gain advanced knowledge and practical application of WCAG guidelines and accessibility testing methodologies.

• Master Front-end Technologies: Explore newer frameworks, libraries, or advanced CSS/JavaScript techniques to enhance front-end development skills.

• Gain Industry-Specific Knowledge: Develop expertise in design and development for health-IT or other regulated sectors, which have unique requirements and user needs.

• Contribute to Design Systems: Participate in the development or enhancement of design systems and component libraries, promoting consistency and efficiency across applications.

📝 Enhancement Note: These challenges and growth opportunities are derived from the explicit requirements and implied complexities of the role, such as the blend of UX and front-end skills, the mention of regulated environments, and the need for continuous learning in the tech field.

💡 Interview Preparation

Strategy Questions:

• Design Process & Translation: "Walk me through a project where you designed a user interface in Adobe XD and then translated it into HTML, CSS/SASS, and JavaScript. What were the key challenges in bridging design and development?" (Focus on process, problem-solving, and technical implementation.)

• Accessibility & Responsiveness: "How do you ensure your designs and front-end code are both responsive across devices and accessible according to WCAG guidelines? Can you give an example?" (Assess practical application of standards.)

• Web Application Maintenance: "Describe your experience supporting content updates and maintaining web applications. What tools have you used, and what is your approach to ensuring consistency and quality?" (Probe CMS experience and upkeep strategies.)

• Agile Collaboration: "How do you collaborate with product managers and developers in an Agile environment to deliver UX/UI features? What is your role in sprint planning and execution?" (Evaluate teamwork and methodology understanding.)

Company & Culture Questions:

• "What interests you about Maarut and this specific UX Designer role, particularly given the potential for working in regulated environments?" (Assess research and genuine interest.)

• "How do you handle constructive criticism or conflicting feedback from stakeholders or team members on your designs?" (Evaluate communication and adaptability.)

• "Describe a time you had to balance user needs with technical constraints or business requirements. How did you approach it, and what was the outcome?" (Assess problem-solving and decision-making.) Portfolio Presentation Strategy:

• Storytelling: Frame each project as a narrative: the problem, your role, the solution (design and code), the challenges, and the impact.

• Show, Don't Just Tell: Use visuals effectively. Show wireframes, prototypes, and live examples of the implemented code.

• Technical Depth: Be prepared to discuss the technical details of your front-end implementation (CSS specificity, JavaScript logic, SASS structure) and how it supports the design.

• Quantify Results: Present metrics demonstrating the success of your work whenever possible.

• Conciseness: Respect the interviewer's time; aim for clear, concise explanations.

📝 Enhancement Note: These questions are crafted to probe the core requirements of the role: UX design, front-end development, accessibility, responsiveness, CMS experience, and Agile collaboration, as highlighted in the job description and evaluation criteria.

---

📌 Application Steps

To apply for this contract UX Designer position:

• Submit your application through the provided link on the Zoho Recruit portal.

• Portfolio Customization: Tailor your resume and portfolio to prominently feature your experience with UX design using Adobe XD, front-end development in HTML, CSS/SASS, and JavaScript, and your work with WordPress or similar CMS platforms. Ensure your portfolio highlights at least 2-3 strong web application projects that demonstrate responsive and accessible design.

• Resume Optimization: Clearly state your 5+ years of relevant experience and list specific tools and technologies used. Quantify achievements where possible (e.g., "Improved user task completion rate by X% through redesign").

• Interview Preparation: Practice articulating your design process, especially the translation of designs into code. Be ready to discuss your experience with accessibility (WCAG) and responsive design principles, and prepare to walk through your portfolio projects with confidence, highlighting technical details and user impact.

• Company Research: Briefly research Maarut (www.maarutinc.com) to understand their industry focus and any publicly available information on their products or services, particularly if they operate in health-IT or regulated sectors. This will help you tailor your responses to their context.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.