RQ00637 - UX Designer - Intermediate

📍 Job Overview

Job Title: RQ00637 - UX Designer - Intermediate

Company: Maarut

Location: Toronto, Ontario, Canada

Job Type: Contractor

Category: UX/UI Design & Front-End Development

Date Posted: April 25, 2026

Experience Level: 5-10 Years

🚀 Role Summary

• Design and implement intuitive, user-centered interfaces for web applications, ensuring a seamless user experience.

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

• Support the ongoing upkeep and content updates of web applications, leveraging Content Management Systems (CMS) like WordPress.

• Collaborate with cross-functional teams, including product managers and developers, to deliver accessible, responsive, and standards-aligned user interfaces.

📈 Primary Responsibilities

• Design intuitive, user‑centered interfaces for web‑based applications, focusing on ease of use and engagement.

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

• Create and refine comprehensive UX artifacts, including detailed wireframes, user flows, and interactive prototypes to visualize user journeys.

• Support content updates, page maintenance, and UI enhancements for existing web applications using WordPress or similar CMS platforms.

• Collaborate effectively with developers, product managers, and business stakeholders throughout the entire design and development lifecycle.

• Ensure all designed interfaces strictly adhere to accessibility, usability, and established web standards.

• Conduct iterative design refinements based on stakeholder feedback, usability insights, and technical constraints.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Human-Computer Interaction (HCI), Design, Computer Science, or a related field is typically expected for this level of experience.

Experience: Minimum of 5+ years of proven experience in UX design and front-end development for web applications.

Required Skills:

• UX design experience utilizing Adobe XD or similar wireframing and prototyping tools.

• Strong hands-on experience developing front-end code in HTML, CSS/SASS, and JavaScript.

• Proven experience working with WordPress or comparable Content Management Systems (CMS).

• Demonstrated experience in maintaining and updating web application content and layouts.

• Solid understanding of responsive, accessible, and user-centered design principles.

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

Preferred Skills:

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

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

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

• Experience collaborating closely with development teams in Agile or Scrum environments.

• Understanding of cross-browser compatibility nuances and performance optimization considerations.

• Practical experience applying WCAG or other advanced accessibility best practices.

• A strong visual design sensibility complemented by robust technical problem-solving skills.

📝 Enhancement Note: The requirement for "5+ years experience" combined with "Intermediate" title strongly suggests a candidate who can operate with significant autonomy and has a proven track record of delivering complex projects. The evaluation criteria further solidify the importance of a strong portfolio and hands-on implementation skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive design portfolio showcasing a minimum of 5 years of UX design and front-end implementation experience.

• Specific examples of wireframes, user flows, and interactive prototypes created with tools like Adobe XD.

• Demonstrable case studies highlighting the translation of designs into functional HTML, CSS/SASS, and JavaScript code.

• Examples of web application content updates and UI enhancements managed through WordPress or similar CMS platforms.

Process Documentation:

• Evidence of participation in Agile or waterfall project management methodologies.

• Examples of how feedback and usability insights were incorporated into design iterations.

• Documentation or discussion points on ensuring cross-browser compatibility and performance optimization.

• Understanding of how design systems and reusable components contribute to efficient development workflows.

📝 Enhancement Note: The evaluation criteria explicitly highlight the portfolio as a critical component, worth 40% of the assessment. This underscores the need for candidates to meticulously curate and present their best work, demonstrating both design acumen and technical implementation proficiency.

💵 Compensation & Benefits

Salary Range: Based on the provided salary of $101/month, this appears to be an error or a placeholder. For a UX Designer with 5-10 years of experience in Toronto, Ontario, Canada, the typical hourly rate ranges from $45 to $70 CAD, translating to an annual salary of approximately $90,000 to $140,000 CAD. For a contract role, hourly rates are generally higher. A realistic contract rate would likely fall between $55 and $85 CAD per hour, depending on the specific project scope and duration.

Benefits: As this is a contractor role, standard employee benefits such as health insurance, paid time off, and retirement plans are typically not included. Benefits may be limited to statutory contributions and any contractual agreements specific to the engagement.

Working Hours: The role is expected to require approximately 40 hours per week, aligning with a standard full-time work schedule.

📝 Enhancement Note: The listed salary of $101/month is highly unrealistic for a UX Designer role in Toronto with 5+ years of experience. This estimate is based on industry benchmarks for similar roles in the Toronto market, considering the experience level and the nature of contract work. It is crucial for candidates to clarify the compensation structure and rate.

🎯 Team & Company Context

🏢 Company Culture

Industry: Maarut operates within the Technology sector, likely focusing on software development and IT solutions, potentially with a specialization in health-IT or regulated environments as suggested by the desired skills. This industry context implies a fast-paced environment that values innovation, efficiency, and technical expertise.

Company Size: Maarut is likely a medium-sized organization, given the typical hiring patterns for specialized roles and the use of Zoho Recruit. A medium-sized company often offers a balance between structured processes and the agility to implement new ideas quickly.

Founded: While the founding date is not provided, the company's presence and the specific job title suggest an established entity with ongoing projects and a need for skilled professionals.

Team Structure:

• The UX Designer will likely be part of a dedicated project team, working closely with Product Managers, Developers, and potentially Business Analysts.

• Reporting will likely be to a Design Lead, Project Manager, or a Head of Product/Technology, depending on the organizational structure.

Methodology:

• The design process will likely involve elements of user research, wireframing, prototyping, and user testing, integrated into either Agile or Waterfall project management frameworks.

• Data analysis and user feedback will be used to inform design iterations and optimize user experiences.

• Workflow planning and optimization will be critical for translating designs into efficient front-end code and ensuring maintainability.

• Automation practices may be relevant for streamlining design handoffs or component development.

Company Website: www.maarutinc.com

📝 Enhancement Note: The "Desired Skills" section hints at a specialization in health-IT or regulated environments. Candidates with experience in these sectors will find strong alignment with the company's potential operational context and may have an advantage.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as an "Intermediate" UX Designer, indicating a need for a professional with a solid foundation of practical experience (5+ years) who can work with a degree of autonomy. They are expected to contribute significantly to project deliverables and may mentor junior designers if the team structure allows.

Reporting Structure: The UX Designer will report to a project lead or a manager overseeing design and development efforts. Close collaboration with development teams and product managers is a key aspect of the role.

Operations Impact: The UX Designer's impact is directly tied to enhancing the usability and accessibility of Maarut's web applications. This influences user adoption, satisfaction, and the overall effectiveness of the digital products, indirectly contributing to revenue and operational efficiency by improving user workflows and reducing support needs.

Growth Opportunities:

• Skill Advancement: Opportunity to deepen expertise in specific areas of UX design, front-end development (e.g., advanced JavaScript frameworks), or specialized domains like accessibility auditing.

• Technical Leadership: Potential to lead design efforts on specific projects, contribute to design system development, or mentor junior designers.

• Domain Specialization: Opportunity to gain deeper experience and become a subject matter expert in sectors like health-IT, which can open doors to more specialized and senior roles.

📝 Enhancement Note: The "Intermediate" designation implies that while autonomy is expected, opportunities for mentorship and learning from senior team members or through specialized training are likely available, especially if the company invests in professional development for its contractors.

🌐 Work Environment

Office Type: This role is designated as "On-site," meaning the UX Designer will be expected to work from Maarut's Toronto office location.

Office Location(s): Toronto, Ontario, Canada. The specific office address is not provided but is a key detail for candidates to confirm regarding commute and accessibility.

Workspace Context:

• The workspace will likely be collaborative, fostering interaction with development teams and product stakeholders.

• Access to standard design and development tools, including Adobe XD, development environments, and potentially a CMS like WordPress, is expected.

• Opportunities for direct communication and knowledge sharing with team members will be present within the office environment.

Work Schedule: A standard 40-hour work week is anticipated, with the specific daily schedule to be confirmed. Flexibility may be available, but the "On-site" requirement indicates a need for physical presence during core business hours.

📝 Enhancement Note: As an on-site role, the candidate should consider the commute, office amenities, and the overall collaborative atmosphere when evaluating this opportunity. The specific nature of the office environment (e.g., open-plan vs. private offices) can also impact productivity and collaboration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of the resume and portfolio to assess alignment with required skills and experience.

• Technical Interview: Likely to involve a discussion of past projects, design choices, and front-end implementation details. Candidates may be asked to walk through their portfolio.

• Design Challenge/Case Study: A practical exercise to evaluate UX design thinking, problem-solving abilities, and front-end coding skills. This could involve designing a specific feature or critiquing an existing interface.

• Stakeholder/Team Interview: An opportunity to assess collaboration style, communication skills, and cultural fit with the team and company.

• Final Evaluation: Based on the cumulative assessment of skills, experience, portfolio, and fit.

Portfolio Review Tips:

• Showcase Impact: Highlight projects where your UX design and front-end implementation directly led to measurable improvements (e.g., increased user engagement, reduced task completion time, improved accessibility scores).

• Demonstrate Process: Clearly articulate your design process, from initial concept and wireframing to prototyping and final implementation. Explain your rationale behind key design decisions.

• Technical Proficiency: Include examples that clearly demonstrate your coding skills in HTML, CSS/SASS, and JavaScript, showing how you translated designs into functional code.

• Accessibility Focus: Feature projects where you explicitly applied responsive and accessible design principles (WCAG), explaining your approach.

• Tailor to the Role: Emphasize projects that align with the requirements of Maarut, particularly those involving web applications, CMS platforms, and potentially health-IT or regulated environments.

Challenge Preparation:

• Familiarize with Tools: Ensure you are proficient with Adobe XD or comparable tools, and be ready to discuss your workflow.

• Practice Coding: Brush up on HTML, CSS/SASS, and JavaScript, focusing on best practices for responsive and accessible design.

• Think Through Scenarios: Prepare to discuss how you would approach common UX challenges, such as redesigning a complex workflow or improving user onboarding.

• Understand Agile: Be ready to discuss your experience working within Agile methodologies and how you collaborate with development teams in such environments.

📝 Enhancement Note: The significant weighting (40%) of the portfolio in the evaluation criteria means candidates must prioritize its quality and relevance. It should not just be a collection of work but a curated narrative of their capabilities and impact.

🛠 Tools & Technology Stack

Primary Tools:

• UX Design & Prototyping: Adobe XD (required), Figma, Sketch, InVision (preferred).

• Front-End Development: HTML5, CSS3/SASS, JavaScript (ES6+).

• Content Management Systems (CMS): WordPress (required), Drupal, Joomla, or similar platforms.

Analytics & Reporting:

CRM & Automation:

• Not directly relevant to this UX/Front-End role, but understanding how user interfaces interact with backend systems or CRMs can be an advantage.

📝 Enhancement Note: The explicit mention of Adobe XD and WordPress as required tools necessitates proficiency in these platforms. Candidates should be prepared to discuss their experience and proficiency levels with these technologies.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong focus on understanding and meeting user needs through intuitive and accessible design.

• Technical Excellence: Commitment to delivering high-quality, functional front-end code that adheres to web standards.

• Collaboration: Valuing teamwork and open communication with cross-functional teams to achieve project goals.

• Continuous Improvement: An iterative approach to design and development, driven by feedback and a desire for efficiency and optimization.

• Accessibility & Inclusivity: A dedication to creating digital experiences that are usable by everyone, regardless of ability.

Collaboration Style:

• Cross-functional Integration: The role demands close collaboration with Product Managers, Developers, and potentially Business Analysts to ensure seamless integration of UX design into the development lifecycle.

• Feedback Exchange: An open culture for providing and receiving constructive feedback on designs and code to foster continuous improvement.

• Knowledge Sharing: Encouraging the sharing of best practices, design patterns, and technical solutions within the team and across departments.

📝 Enhancement Note: The emphasis on both user-centricity and technical excellence suggests a culture that balances creative design with pragmatic, functional implementation. Candidates who can articulate their contributions within a collaborative, iterative workflow will resonate well.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing User Needs with Technical Constraints: Effectively translating user requirements into functional designs while adhering to technical limitations and project timelines.

• Maintaining Consistency Across Applications: Ensuring a cohesive user experience and design language across multiple web applications, especially when working with existing systems.

• Adapting to Evolving Technologies: Staying current with the latest UX design trends, front-end development techniques, and accessibility standards.

• Working in a Regulated Environment (Potential): If applicable, navigating the specific compliance and documentation requirements of health-IT or similar regulated industries.

Learning & Development Opportunities:

• Advanced UX/UI Techniques: Opportunities to attend workshops, webinars, or pursue certifications in specialized areas of UX/UI design.

• Front-End Frameworks: Potential to learn or deepen knowledge in modern JavaScript frameworks (e.g., React, Vue.js) if they are part of Maarut's broader tech stack.

• Accessibility Expertise: Developing deeper skills in WCAG compliance and assistive technologies.

• Project Leadership: Gaining experience leading design efforts on key projects and contributing to strategic design decisions.

📝 Enhancement Note: Given the "Intermediate" level and the contractor status, growth opportunities might be more project-specific rather than formal training programs. Candidates should inquire about opportunities to take on more complex challenges or contribute to strategic design discussions.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex web application interface you designed. What were the primary user goals, and how did your design address them? What were the challenges, and how did you use HTML, CSS, and JavaScript to implement it?"

• "How do you approach translating wireframes and prototypes into functional front-end code? Can you walk me through your process for ensuring responsiveness and accessibility?"

• "Tell me about a time you had to balance competing stakeholder requirements or technical constraints with user needs. How did you resolve it?"

Company & Culture Questions:

• "What interests you about working with Maarut, and what do you know about our work in (mention potential industry like health-IT)?"

• "How do you collaborate with developers and product managers in an Agile environment? Can you give an example?"

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly state the problem, your role, the process you followed, the solutions you implemented (showcasing design artifacts and code snippets), and the outcomes or impact.

• Highlight Technical Skills: For your front-end implementation examples, be ready to discuss specific CSS/SASS techniques, JavaScript functionality, and how you ensured responsiveness and cross-browser compatibility.

• Demonstrate Problem-Solving: Use your portfolio to illustrate how you tackled specific design challenges and arrived at effective solutions.

• Be Prepared for Questions: Anticipate questions about your design choices, your coding approach, and how you handle feedback.

📝 Enhancement Note: Candidates should prepare specific examples that directly address the "Must Haves" and "Evaluation Criteria" listed in the job description, especially concerning Adobe XD, HTML/CSS/JS, WordPress, and responsive/accessible design.

📌 Application Steps

To apply for this operations position:

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

• Curate Your Portfolio: Select 2-3 of your strongest projects that best showcase your UX design, front-end implementation (HTML, CSS/SASS, JavaScript), and experience with Adobe XD and WordPress. Ensure each project clearly demonstrates your ability to create responsive and accessible designs.

• Optimize Your Resume: Highlight your 5+ years of experience, explicitly mentioning your proficiency in UX design, front-end development, Adobe XD, HTML, CSS/SASS, JavaScript, and WordPress. Quantify achievements where possible (e.g., "Improved user task completion time by X%").

• Prepare Your Portfolio Walkthrough: Be ready to present your portfolio during an interview, articulating your design process, technical implementation, and the impact of your work. Practice explaining your rationale clearly and concisely.

• Research Maarut: Understand Maarut's business, its potential industry focus (e.g., health-IT), and any publicly available information about its products or services. This will help you tailor your responses and demonstrate genuine interest.

⚠️ 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.