UX Developer

📍 Job Overview

Job Title: UX Developer

Company: Aussie Broadband

Location: Australia

Job Type: FULL_TIME

Category: Front-End Development / Web Marketing Operations

Date Posted: 2026-06-25

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• Bridge the gap between static design and interactive reality, translating high-fidelity Figma designs into pixel-perfect, responsive HTML/CSS/JavaScript for customer journeys.

• Build, test, and optimize customer-facing web experiences to drive conversion rates and enhance user engagement within the Web Marketing Team.

• Collaborate closely with the Engineering team in an Agile/Scrum environment, ensuring code quality, scalability, and adherence to modern development principles.

• Maintain and expand the corporate design system, ensuring visual consistency and efficient component reuse across all digital touchpoints.

• Leverage website analytics and A/B testing methodologies to iterate on code and design, driving data-informed improvements for user behavior and SEO performance.

📝 Enhancement Note: This role, while titled "UX Developer," sits at the critical intersection of front-end development, marketing operations, and user experience implementation. The focus is on translating design into functional, conversion-optimized web experiences, rather than pure UX research or design. The "Web Marketing Team" context strongly suggests a focus on campaign execution, customer acquisition, and conversion rate optimization (CRO) through code.

📈 Primary Responsibilities

• Translate high-fidelity Figma designs into pixel-perfect, responsive HTML5, CSS3 (Tailwind), and JavaScript code for web pages and campaigns.

• Develop and deploy new website functionality, ensuring robust front-end performance and user experience across all devices.

• Maintain and contribute to the corporate design system, ensuring visual consistency and adherence to brand guidelines across digital assets.

• Implement and optimize customer journeys, from acquisition to conversion, focusing on seamless user flows and intuitive interactions.

• Conduct A/B testing and multivariate testing to identify and implement improvements for Conversion Rate Optimization (CRO).

• Utilize website analytics (Google Analytics GA4, Hotjar) to analyze user behavior, identify pain points, and implement data-driven code/design fixes.

• Ensure all web assets meet WCAG accessibility standards, advocating for inclusive design and development practices.

• Develop custom themes and modules for corporate CMS platforms (Storyblok, Laravel), enhancing content management capabilities.

• Collaborate with the Engineering team within an Agile/Scrum framework, participating in stand-ups and advocating for marketing projects in the engineering backlog.

• Ensure all development adheres to technical SEO best practices, including Core Web Vitals, page speed optimization, and structured data implementation.

• Scope technical requirements for marketing campaigns and architect scalable solutions.

• Collaborate with external vendors and agencies on code reviews, third-party tool integrations, and platform enhancements.

📝 Enhancement Note: The responsibilities highlight a blend of coding, optimization, and cross-functional collaboration. The emphasis on "customer journeys," "campaigns," and "conversion" points towards a role heavily involved in the marketing tech stack and its optimization for performance. The mention of CMS development and "marketing projects within the engineering backlog" indicates a need for understanding how marketing initiatives are technically implemented and prioritized.

🎓 Skills & Qualifications

Education:

• While no specific degree is listed, a strong portfolio demonstrating practical application of front-end development skills is paramount. Equivalent practical experience will be considered. Experience:

• Proven experience in front-end development, with a focus on translating designs into functional web experiences.

• Experience managing large-scale corporate websites with high traffic volumes, demonstrating an understanding of performance and scalability.

• Previous experience in the Telco or Service Provider industry is advantageous, providing context for customer acquisition and retention strategies. Required Skills:

• HTML5 & CSS3: Expertise in semantic HTML and modern CSS, including proficiency with CSS preprocessors or utility-first frameworks like Tailwind CSS.

• JavaScript: Strong command of JavaScript, including ES6+ features and understanding of browser rendering.

• Vue.js & Nuxt.js: Hands-on experience building applications with Vue.js and its server-side rendering framework, Nuxt.js.

• Figma: Proficiency in translating Figma designs into code, understanding design system components and asset utilization.

• Responsive & Mobile-First Design: Ability to create seamlessly responsive experiences across mobile, tablet, and desktop devices.

• Version Control: Knowledge of Git flows and repository management for collaborative development.

• Agile/Scrum: Experience working within an Agile development environment, participating in scrum ceremonies.

Preferred Skills:

• Node.js: Experience with Node.js build tools and package managers (e.g., npm, yarn).

• PHP & Laravel: Familiarity with PHP and PHP-based environments, specifically Laravel and its Blade templating engine.

• CMS Development: Experience developing custom themes/modules for CMS platforms like Storyblok.

• Google Analytics (GA4) & Hotjar: Familiarity with web analytics tools to derive user insights and inform development decisions.

• WCAG Accessibility Standards: Advocate for and implement modern developer principles to meet accessibility standards.

• Conversion Rate Optimization (CRO): Experience with A/B testing, multivariate testing, and data analysis for CRO.

• Technical SEO: Understanding of Core Web Vitals, page speed optimization, and structured data.

📝 Enhancement Note: The required skills heavily emphasize modern front-end frameworks (Vue, Nuxt) and design-to-code translation tools (Figma), indicating a need for a developer who can quickly and accurately implement marketing designs. The preferred skills, particularly Node.js, PHP/Laravel, and specific CMS experience, suggest a role that might involve some back-end integration or content management system customization. Familiarity with CRO and SEO tools is crucial for optimizing marketing campaigns.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Figma to Code Examples: Showcase projects where you've effectively translated Figma designs into pixel-perfect, responsive HTML, CSS, and JavaScript. Highlight the process of breaking down designs and building interactive components.

• Responsive Design Showcase: Include examples of websites or components that demonstrate flawless responsiveness across a range of devices (mobile, tablet, desktop).

• Design System Contribution/Usage: If possible, demonstrate experience contributing to or utilizing a design system, illustrating how you ensure consistency and efficiency in development.

• Performance Optimization Case Studies: Present projects where you've focused on optimizing page speed, Core Web Vitals, or implemented A/B tests with measurable results. Quantify the impact of your optimizations.

• Accessibility Implementation: Provide examples of web pages or features where you've actively implemented WCAG accessibility standards, explaining the techniques used.

Process Documentation:

• Workflow Design: Be prepared to discuss your process for taking a design from Figma to a fully functional, responsive web page, including any wireframing or prototyping steps.

• Collaboration & Code Management: Explain your approach to working within an Agile/Scrum team, including your Git workflow and how you collaborate with designers and backend engineers.

• Optimization & Iteration: Detail your methodology for using analytics data and A/B testing results to drive iterative improvements in user journeys and conversion rates.

📝 Enhancement Note: For this role, the portfolio should strongly emphasize practical coding skills, translation of design into functional interfaces, and demonstrable impact on user experience and conversion. The ability to articulate the process behind these achievements, especially in relation to CRO, SEO, and accessibility, will be key. A focus on tangible results and data-driven improvements is expected.

💵 Compensation & Benefits

Salary Range:

• Based on the role's mid-level experience requirement (2-5 years), hybrid work arrangement, and the competitive Australian tech market for skilled front-end developers, an estimated salary range for a UX Developer in Australia would be AUD $80,000 - $120,000 per annum. Benefits:

• Generous Paid Parental Leave: 26 weeks paid parental leave for primary and secondary caregivers.

• Discounted Services: Discounted internet services (up to $109/month) and 20% off mobile services.

• Flexible Working: Hybrid working arrangements offering a balance between office collaboration and remote flexibility.

• Employee Assistance Program (EAP): Confidential support services for personal and professional well-being.

• Extensive Corporate Discounts: Access to discounts with major partners like Specsavers, HCF, and others.

• Recognition Programs: Monthly rewards and recognition to celebrate employee contributions.

• Professional Development: Internal training, resources, and opportunities for continuous learning and career growth.

• Company Merch: Yearly allowance for branded Aussie Broadband merchandise.

• Fitness Passport: Access to multiple gyms and pools across Australia.

Working Hours:

• Full-time, typically 40 hours per week, with flexibility offered through hybrid arrangements.

📝 Enhancement Note: The salary range is an estimate based on industry benchmarks for similar roles in Australia. It's crucial for candidates to research current market rates for UX Developers with Vue/Nuxt expertise in their specific Australian location (e.g., Melbourne, Sydney) to have a realistic expectation. The listed benefits are exceptionally strong, particularly the parental leave, and should be highlighted as significant advantages.

🎯 Team & Company Context

🏢 Company Culture

Industry: Telecommunications (Telco)

Company Size: Growing rapidly, now the 4th largest telco in Australia. This implies a dynamic, fast-paced environment with opportunities for impact, but also potential for evolving processes.

Founded: Almost 20 years ago, originating in regional Victoria. This suggests a company with strong roots, a focus on community, and a history of organic growth.

Team Structure:

• The role sits within the Web Marketing Team, indicating a close alignment with marketing initiatives and campaign execution.

• Collaboration with the Engineering Team is a key aspect, operating within an Agile/Scrum framework, suggesting cross-functional project teams.

• The reporting structure likely involves a Marketing Manager or Head of Digital Marketing, with direct collaboration with UX/UI designers and backend developers. Methodology:

• Agile/Scrum: Development and project execution follow Agile methodologies, emphasizing iterative development, collaboration, and adaptability.

• Data-Driven Optimization: A strong reliance on website analytics (GA4, Hotjar) and A/B testing for continuous improvement of customer journeys and conversion rates.

• Design Systems: Utilization of and contribution to design systems to ensure consistency, efficiency, and scalability in web development.

• Customer-Centric Approach: Focus on building seamless, high-converting customer journeys, reflecting a commitment to customer experience.

Company Website: https://www.aussiebroadband.com.au/

📝 Enhancement Note: Aussie Broadband positions itself as a growing, community-focused, and values-driven organization. The B Corp certification and Pledge 1% commitment highlight a strong emphasis on social and environmental responsibility, which is a significant cultural differentiator. For operations professionals, this implies a company that values ethical practices and long-term sustainability alongside business growth. The "No bullsh*t" value suggests direct communication and transparency.

📈 Career & Growth Analysis

Operations Career Level:

• This UX Developer role is positioned as a mid-level to senior individual contributor role. It requires a solid foundation in front-end development, coupled with specialized skills in translating designs into high-performance, conversion-optimized web experiences. The scope includes not just coding but also contribution to design systems, CRO, and SEO best practices, indicating a role with significant technical ownership and strategic input within the marketing domain. Reporting Structure:

• The role is within the Web Marketing Team, likely reporting to a Marketing Manager or Head of Digital. Direct collaboration with UX/UI designers, content strategists, and backend engineers in an Agile/Scrum setting is expected. This structure facilitates rapid iteration and direct impact on marketing campaign performance. Operations Impact:

• The primary impact of this role is on conversion rate optimization (CRO) and customer acquisition/retention through enhanced digital experiences. By building high-converting customer journeys and ensuring seamless website functionality, this role directly contributes to lead generation, sales, and overall user engagement, which are key metrics for marketing and GTM operations. The role also impacts brand consistency through design system maintenance. Growth Opportunities:

• Specialization: Deepen expertise in specific front-end frameworks (Vue, Nuxt), advanced CRO techniques, or technical SEO.

• Leadership: Transition into a Lead UX Developer or Front-End Lead role, mentoring junior developers and taking ownership of larger projects or platform architecture.

• Cross-Functional Movement: Potentially move into broader digital marketing roles, product management, or even into engineering leadership positions, leveraging a strong understanding of both design and technical implementation.

• Continuous Learning: Access to internal training, resources, and potentially industry conferences to stay abreast of evolving web technologies and UX/CRO best practices.

📝 Enhancement Note: The role offers a clear path for growth within front-end development and digital marketing operations. The emphasis on CRO and data-driven iteration suggests opportunities to develop strategic analytical skills alongside technical ones, making it an attractive role for those looking to blend creative problem-solving with measurable business impact.

🌐 Work Environment

Office Type: Hybrid working arrangements are offered, indicating a blend of remote work and in-office collaboration. This suggests an environment that values flexibility while recognizing the importance of face-to-face interaction for team cohesion and complex problem-solving.

Office Location(s): While the job is listed for "Australia," Aussie Broadband has a strong presence in regional Victoria and likely has offices in major Australian cities. Specific office locations would be confirmed during the hiring process, but the company's ethos suggests a distributed workforce with centralized hubs.

Workspace Context:

• Collaborative Environment: The Agile/Scrum methodology and cross-functional team structure promote a highly collaborative workspace, both in-person and virtually. Expect regular team meetings, design reviews, and code pairing sessions.

• Technology-Rich: Access to modern development tools and technologies, including Figma, IDEs, version control systems, and analytics platforms, is expected.

• Team Interaction: Opportunities for direct interaction with marketing strategists, designers, product managers, and engineering teams, fostering a holistic understanding of digital product development.

Work Schedule:

• Standard full-time hours (approx. 40 hours per week) with flexibility offered through the hybrid model. This allows for structured work periods focused on development and optimization, with the ability to balance personal commitments.

📝 Enhancement Note: The hybrid model caters to modern work preferences, offering autonomy while ensuring team connectivity. For operations roles, this flexibility is often key to maintaining focus on deep work like code optimization and data analysis, while still facilitating essential face-to-face collaboration for strategic alignment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess technical skills, relevant experience, and alignment with the role's requirements.

• Technical Interview(s): Expect hands-on coding challenges or technical discussions focusing on HTML, CSS, JavaScript, Vue/Nuxt, and potentially problem-solving scenarios related to responsive design, performance, or accessibility. You may be asked to walk through your portfolio projects.

• Portfolio Review & Case Study: A dedicated session to present and discuss your portfolio. Be prepared to articulate your design-to-code process, explain the impact of your work (especially regarding CRO and user experience), and discuss your problem-solving approach for specific challenges.

• Cultural Fit Interview: Discussions with team members and potentially management to assess alignment with Aussie Broadband's values (e.g., "Don't be ordinary, be awesome," "No bullsh*t," "Be good to people") and working style.

• Final Interview: May involve a senior leader to discuss overall fit and career aspirations.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 of your strongest projects that best showcase your capabilities in Figma-to-code translation, responsive design, performance optimization, and CRO.

• Quantify Impact: For each project, clearly state the problem you solved, your role, the technologies used, and the measurable results (e.g., "Increased conversion rate by X%", "Improved page load time by Y seconds").

• Demonstrate Process: Walk through your design-to-code workflow. Explain your decision-making process, challenges encountered, and how you overcame them.

• Highlight Collaboration: If applicable, discuss how you collaborated with designers, marketers, or backend engineers.

• Code Quality: Ensure any code samples or links to live projects are clean, well-documented, and follow best practices.

• Accessibility Focus: Explicitly mention and demonstrate how you've incorporated WCAG standards.

Challenge Preparation:

• Live Coding: Practice coding challenges focusing on building responsive components, implementing specific UI features, or debugging common front-end issues.

• Problem Solving: Be ready to discuss how you would approach optimizing a specific user flow or debugging a performance bottleneck. Think about using analytics and A/B testing.

• Design Interpretation: Practice quickly analyzing a Figma mockup and outlining the development steps, potential challenges, and considerations for responsiveness and accessibility.

📝 Enhancement Note: The interview process emphasizes both technical proficiency and the ability to articulate the impact and process behind your work. A strong portfolio that quantifies results and clearly demonstrates your workflow from design to implementation will be crucial. Understanding Aussie Broadband's values will be key for cultural fit assessments.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: For design handoff, understanding mockups, and potentially prototyping.

• HTML5, CSS3 (Tailwind CSS): Core technologies for front-end development.

• JavaScript (ES6+): For interactive elements and dynamic content.

• Vue.js: A progressive JavaScript framework for building user interfaces.

• Nuxt.js: A framework built on Vue.js for server-side rendering, static site generation, and more.

• Git: For version control and collaborative development workflows.

Analytics & Reporting:

• Google Analytics (GA4): Essential for tracking user behavior, website performance, and campaign effectiveness.

• Hotjar (or similar): For heatmaps, session recordings, and user feedback to understand user interactions.

CRM & Automation:

• Storyblok (or similar CMS): For content management and website updates.

• Laravel: A PHP web application framework, potentially used for backend services or CMS development.

• Node.js (Build Tools/Package Managers): For development workflows and managing dependencies.

📝 Enhancement Note: The technology stack is modern and focused on efficient front-end development and marketing execution. Proficiency in Vue/Nuxt and Figma is non-negotiable. Familiarity with CMS platforms and analytics tools is critical for understanding how front-end work integrates into the broader marketing and content strategy.

👥 Team Culture & Values

Operations Values:

• Don't be ordinary, be awesome: Encourages high performance, innovation, and going above and beyond in development and problem-solving.

• Think BIG: Fosters ambitious thinking, pushing boundaries in website design, user experience, and conversion strategies.

• No bullsh*t: Promotes direct, honest communication and transparency within the team and across departments.

• Be good to people: Underpins the company's commitment to inclusion, diversity, customer care, and employee well-being.

• Have fun: Encourages a positive and engaging work environment where employees can enjoy their contributions.

Collaboration Style:

• Agile & Cross-Functional: Emphasizes teamwork, regular communication, and shared responsibility within sprint cycles. This means close collaboration with designers and engineers.

• Data-Informed: Decision-making is guided by analytics and A/B testing results, fostering a culture of continuous improvement and evidence-based iteration.

• Design System Centric: A focus on leveraging and contributing to a design system promotes consistency, efficiency, and a shared understanding of UI/UX standards.

• Transparent Communication: The "No bullsh*t" value suggests open dialogue, constructive feedback, and a willingness to address issues directly.

📝 Enhancement Note: The company culture is a significant draw, emphasizing both high performance and a strong ethical/social compass. For operations professionals, this means being part of a team that values efficiency and impact, but also prioritizes well-being and transparency.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating Complex Designs: Accurately translating intricate Figma designs into functional, responsive code, especially with tight deadlines.

• Balancing Marketing Agility with Engineering Rigor: Effectively advocating for marketing project needs within the engineering backlog while ensuring code quality and scalability.

• Optimizing for Diverse User Needs: Ensuring websites and journeys cater to a wide range of users, meeting WCAG accessibility standards while also driving conversions.

• Keeping Pace with Technology: Continuously learning and adapting to new front-end technologies, frameworks, and browser capabilities.

• Data Interpretation: Effectively translating complex analytics data into actionable development insights for CRO.

Learning & Development Opportunities:

• Advanced Frameworks: Deeper dives into Vue.js, Nuxt.js, and related ecosystem tools.

• CRO & A/B Testing Mastery: Developing sophisticated strategies for user testing, data analysis, and conversion optimization.

• Technical SEO: Enhancing skills in optimizing website performance, structure, and content for search engines.

• Design System Architecture: Opportunities to contribute to or lead the development of design system components and guidelines.

• Mentorship: Learning from experienced engineers and marketing professionals within the team.

• Industry Conferences: Potential to attend relevant web development, UX, or marketing technology conferences.

📝 Enhancement Note: This role presents a balanced set of challenges and growth opportunities. The challenges are typical of a fast-paced digital marketing environment, requiring adaptability and problem-solving. The growth potential is significant, allowing for specialization in high-demand areas like CRO and advanced front-end development.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a Figma design and turning it into a fully functional, responsive web page. What are the critical steps?" (Focus on workflow, tools, and considerations like performance/accessibility).

• "How do you approach A/B testing for conversion rate optimization? Walk me through a past experience where your code changes led to a measurable uplift." (Emphasize data analysis, hypothesis formulation, and impact).

• "Imagine we need to implement a new customer onboarding flow. How would you collaborate with designers and backend engineers to scope and build this, ensuring it's user-friendly and converts well?" (Highlight collaboration, Agile process, and problem-solving). Company & Culture Questions:

• "What attracts you to Aussie Broadband, and how do you see yourself contributing to our values, particularly 'Don't be ordinary, be awesome' and 'Be good to people'?" (Research company values, B Corp status, community initiatives).

• "How do you handle constructive criticism or feedback on your code or designs, especially within a collaborative, Agile environment?" (Demonstrate receptiveness and a growth mindset).

• "How do you ensure your development work aligns with marketing objectives and contributes to business goals like customer acquisition or retention?" (Connect technical skills to business outcomes). Portfolio Presentation Strategy:

• Storytelling: For each project, tell a story: the challenge, your solution (your code/process), and the results.

• Quantify Everything: Use numbers and metrics wherever possible to demonstrate the impact of your work (e.g., conversion lifts, speed improvements, engagement metrics).

• Show, Don't Just Tell: Use live demos, screenshots, or code snippets to illustrate your points.

• Explain Your 'Why': Be ready to articulate why you made certain technical decisions and how they contributed to the project's success.

• Tailor to the Role: Emphasize projects that showcase Figma-to-code, responsive design, CRO, and collaboration with marketing/engineering teams.

📝 Enhancement Note: Preparation should focus on demonstrating a blend of strong technical execution, a data-driven approach to optimization, effective collaboration skills, and alignment with Aussie Broadband's core values and mission. Quantifiable results in the portfolio are paramount.

📌 Application Steps

To apply for this UX Developer position:

• Submit your application through the provided job link on the Aussie Broadband careers portal.

• Portfolio Customization: Ensure your portfolio prominently features projects demonstrating Figma-to-code translation, responsive design implementation, and measurable CRO improvements. Highlight any experience with Vue/Nuxt, Tailwind CSS, and web analytics.

• Resume Optimization: Tailor your resume to highlight keywords from the job description, such as "UX Developer," "Front-End Development," "Vue.js," "Nuxt.js," "Figma," "CRO," "A/B Testing," "WCAG," and "Agile." Quantify your achievements with specific metrics.

• Interview Preparation: Practice articulating your development process, problem-solving approach, and the business impact of your work. Prepare to discuss specific projects from your portfolio and how they align with Aussie Broadband's values.

• Company Research: Familiarize yourself with Aussie Broadband's mission, values (especially "Don't be ordinary, be awesome," "No bullsh*t," "Be good to people"), B Corp certification, and their position in the Australian telco market. Understand their customer-centric approach.

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