UX Developer

Range

Full TimeHybrid

Toronto, ONPosted Yesterday

Resume Keywords to Include

Make sure these keywords appear in your resume to improve ATS scoring

JavaScriptPHPCSSTailwindBootstrapGitGitHubJiraFigmaAgileSaaS

Job Description

<div class="content-intro">At <a href="https://www.rangegroup.com/">Range Group</a> we believe in the power of the professional travel advisor. We represent over $4.5 billion in annual travel sales. All our investments stem from a common thesis, that travel advisors add real value to a trip. Travel advisors when equipped with technology and 24/7 support are irreplaceable. Equally important is our philanthropy. Range Foundation channels 10% of group profits to social impact. From exploration grants, improved access to education, new discoveries on sea and land, cultural infrastructure, and helping our global neighbors in times of need — we are investing to build a better future.</div>We are looking for a User Experience Developer who can seamlessly blend design thinking with frontend engineering excellence. This hybrid role is ideal for someone who thrives at the intersection of UX/UI, web design, and modern frontend development. You will play a critical role in shaping both how our digital products look and how they function, partnering closely with Marketing, Engineering, and other business stakeholders. You will act as a bridge between user needs, visual design, and technical implementation, ensuring high-quality, scalable, and user-centered experiences across our platforms. We are an Agile department that prioritizes work based on the value it brings to our clients. We hire problem solvers, not technicians, and look for self-motivated individuals with diverse backgrounds able to use the best tool for the job, contribute new ideas, and help bring them to life.  This role requires a strong communicator who can confidently present ideas, gather requirements, and collaborate across teams while translating business needs into intuitive and performant digital solutions.   <h3>Key Responsibilities</h3> <h4>UX/UI Design</h4> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Design intuitive, elegant, and user-centered interfaces for web and digital platforms using Figma.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Create wireframes, prototypes, and high-fidelity designs that align with business goals and user needs.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Conduct user flow analysis and propose improvements based on usability best practices and data insights.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Maintain and evolve design systems, UI patterns, and component libraries.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Collaborate with Product and stakeholders to define requirements and translate them into design solutions.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Ensure consistency, accessibility, and responsiveness across all digital experiences.</li> </ul> <h4>Frontend Development</h4> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Develop and implement responsive, high-performance web interfaces using modern frontend technologies.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Translate Figma designs into clean, maintainable, and scalable code.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Optimize applications for performance, accessibility, SEO, and cross-browser compatibility.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Integrate APIs and third-party services.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Collaborate with backend engineers and participate in code reviews, testing, and deployment processes.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Contribute to reusable component libraries and frontend architecture decisions.</li> </ul> <h4>Collaboration & Communication</h4> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Act as a key communicator between different teams during Feature Requirements scoping.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Present design concepts to both technical and non-technical stakeholders.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Gather and refine requirements through workshops, discussions, and feedback loops.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Support client-facing interactions when needed, including explaining design and functionality decisions.</li> </ul> <h3>Qualifications</h3> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Bachelor's degree in Computer Science, Engineering, or a multi-year college program.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">2+ years' experience with JavaScript, HTML5, CSS3, SCSS and CSS frameworks such as Bootstrap or Tailwind.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">2+ years’ experience with design systems and component-driven development.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">A diploma or degree in a related field (UX Design, Graphic Design, Interdisciplinary Design, Interaction Design) or relevant work experience.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Experience working with CMS-driven platforms, component-based architectures, or design-to-code workflows is highly desirable.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Strong understanding and experience using code versioning tools, such as Git / GitHub.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Strong proficiency in Figma (design systems, prototyping, collaboration).</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Strong understanding of responsive design, accessibility, and usability principles.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Good understanding of SEO principles and how to ensure applications adhere to them</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Experience leveraging AI tools (e.g., Copilot, ChatGPT, design assistants) to improve productivity is an asset.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Experience translating design into production-ready frontend code.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Understanding of Agile development methodologies, practical experience with Jira Software an asset</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Exceptional communication skills with proven ability to lead discussions, present design and technical solutions, and influence stakeholders across technical and non-technical audiences.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Strong attention to detail, organization, and problem-solving skills.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Must be organized and analytical.</li> </ul> <h4>Nice to Have</h4> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Familiarity with .NET Core / MVC environments and PHP framework.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Experience working with CMS.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Knowledge of SEO and web performance optimization.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Experience in travel, e-commerce, or SaaS platforms.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Exposure to the user research and usability testing.</li> </ul> <h3>Cultural Fit</h3> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Thrives in a technology and KPI-driven organization.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Comfortable working in a fast-paced, iterative environment.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Entrepreneurial mindset with a strong sense of ownership.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Able to collaborate effectively and build trust across teams.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Low ego, high accountability, and passion for delivering quality work.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Commitment to learning and expanding professional and technical knowledge.</li> </ul> #LI-Hybrid   We provide a competitive compensation package with a strong pay-for-performance rewards approach. Employees have the opportunity to participate in incentive programs and compensation tied to business and individual performance. The expected compensation base range for this position is: $85,000 to $90,000. The actual compensation may vary depending on local market conditions, geography, and relevant job-related factors such as knowledge, skills, qualifications, experience, and education/training. We are committed to providing employment accommodation in accordance with the Ontario Human Rights Code and the Accessibility for Ontarians with Disabilities Act. If you require accommodation due to a disability at any stage of our hiring process, please advise us when completing your application.  <div class="content-conclusion">The Range Group may use artificial intelligence throughout the recruitment process to screen, assess or select applicants for this position. These tools assist our hiring team but do not replace human judgment. Final hiring decisions are ultimately made by humans. We thank all candidates for their interest however only those selected for an interview will be contacted.</div>