Front End UI Designer

📍 Job Overview

Job Title: Front End UI Designer

Company: CYOS Solutions

Location: Canberra, ACT, Australia

Job Type: CONTRACTOR

Category: Front-End Development / UI/UX Design

Date Posted: 10 April 2026

Experience Level: Mid-Senior Level (5-10 years estimated)

Remote Status: Hybrid (Remote considered case-by-case)

🚀 Role Summary

• This role requires a dual-skilled Front-End UI Designer to drive human-centric digital service delivery for the Department of Industry, Science and Resources.

• Responsibilities include designing, prototyping, testing, and implementing intuitive and fit-for-purpose user interfaces and product improvements.

• Key focus areas involve translating user feedback and research findings into actionable design enhancements and ensuring adherence to accessibility standards.

• The position demands strong collaboration within multi-disciplinary teams to deliver effective digital solutions with a focus on usability and accessibility outcomes.

📝 Enhancement Note: Based on the job description, this role is a hybrid Front-End Developer and UI Designer position, requiring expertise in both user interface design principles and front-end coding. The emphasis on "human-centric approach," "lean design process," and "rapid prototyping, testing, and implementation" suggests a strong Agile and user-centered design (UCD) methodology. The government context and security clearance requirement are also critical factors.

📈 Primary Responsibilities

• Drive a human-centric approach to digital service delivery by understanding customer, business, and technology needs.

• Design and develop product improvements, features, user flows, and high-fidelity user interfaces.

• Utilize a lean design process involving rapid prototyping, user testing, and iterative implementation of solutions.

• Plan and perform user experience evaluations to confirm usability and accessibility requirements (WCAG 2.1 AA) are met.

• Implement UI components using HTML, CSS, and JavaScript frameworks (e.g., ReactJS, Angular).

• Translate findings from usability testing and user research into actionable improvements for the user interface.

• Advocate for and problem-solve user-centric design solutions with developers, coaching back-end engineers on usability and front-end development best practices.

• Collaborate closely with user researchers and designers to refine user-centric designs and add value based on user feedback.

📝 Enhancement Note: The responsibilities highlight a full-cycle design and development process, from initial concept and user research to implementation and iteration. The coaching aspect for back-end engineers indicates a leadership or mentorship component within the team.

🎓 Skills & Qualifications

Education:

• Tertiary Qualifications in a design or computer science/ICT related discipline (Human Factors, Communication/Graphic Design, Systems Design, Psychology, Computer Interaction, Web development) are desirable.

Experience:

• Demonstrated experience designing user interfaces within an existing style guide and/or design system.

• Proven experience in front-end development using HTML, CSS, and JavaScript frameworks such as ReactJS and/or Angular.

• Experience translating findings from usability testing into actionable improvements for a user interface.

• Experience working in multi-disciplinary teams on major projects.

Required Skills:

• Proficiency in UI component implementation using HTML, CSS, and JavaScript.

• Expertise with JavaScript frameworks such as ReactJS and/or Angular.

• Deep understanding and implementation of Accessibility requirements, specifically Web Content Accessibility Guidelines (WCAG) 2.1, level AA as a minimum.

• Effective communication skills with the ability to work with and influence multiple stakeholders.

• Ability to clearly articulate design decisions through a well-conceived rationale.

Preferred Skills:

• Demonstrated experience designing wireframes, user interfaces, and interactive prototypes with a high attention to detail.

• Experience in user experience evaluation to confirm usability and accessibility.

• Familiarity with existing style guides and design systems.

📝 Enhancement Note: The distinction between essential and desirable criteria is crucial. While a specific degree is not mandatory, a strong portfolio demonstrating the required skills and experience in UI design, front-end development, and accessibility will be paramount for candidates.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A portfolio showcasing a range of user-centric UI designs and front-end development projects.

• Demonstrate experience working within established style guides or design systems.

• Include examples of user flows, wireframes, and high-fidelity prototypes.

• Highlight projects where usability and accessibility (WCAG 2.1 AA) were key considerations and successfully implemented.

Process Documentation:

• Showcase understanding of lean design processes, including rapid prototyping and testing methodologies.

• Illustrate how user research and usability testing findings were translated into design improvements.

• Demonstrate experience in implementing UI components with HTML, CSS, and JavaScript frameworks.

• Include examples of collaboration with back-end engineers on usability and front-end development.

📝 Enhancement Note: Given the emphasis on lean design, prototyping, and user feedback, the portfolio should clearly articulate the candidate's process for each project, not just the final output. Demonstrating the "why" behind design decisions and the impact of those decisions is key.

💵 Compensation & Benefits

Salary Range: $100 - $120 per hour (inclusive of superannuation)

Benefits:

• Contract length of 12 months with potential for extensions up to 2 x 12 months, offering significant project duration.

• Remote working arrangements may be considered, providing flexibility.

• Opportunity to work on major government projects, contributing to Australia's economic agenda.

• Exposure to a multi-disciplinary team environment, fostering cross-functional learning.

• Requirement for Baseline Security Clearance, which can be a valuable asset for future government roles.

Working Hours: Approximately 40 hours per week. The contract is for a 12-month period, with potential for extensions.

📝 Enhancement Note: The hourly rate is competitive for contract roles in Canberra, especially for specialized skill sets. The security clearance requirement is a significant factor for government roles and can be a benefit in terms of future opportunities.

🎯 Team & Company Context

🏢 Company Culture

Industry: Government / Public Sector (Department of Industry, Science and Resources)

Company Size: The Department of Industry, Science and Resources is a large government entity. As a contractor, you'll be integrated into specific project teams within the Chief Information Officer Division (CIOD), which provides enabling services and operations delivery.

Founded: The Department has a long history, with its current structure evolving through various governmental reforms. This implies a stable, established, and process-driven environment.

Team Structure:

• The role is within the Chief Information Officer Division (CIOD), specifically supporting ongoing major projects within the Corporate and Digital Division.

• You will work in multi-disciplinary teams alongside user researchers, designers, back-end engineers, and project managers.

Methodology:

• Emphasis on a human-centric approach to service delivery.

• Lean design process involving rapid prototyping, testing, and iterative implementation.

• Agile methodologies are implied through the iterative nature of the work and collaboration within multi-disciplinary teams.

• Strong focus on understanding customer and business needs to deliver effective digital services.

Company Website: https://www.industry.gov.au/

📝 Enhancement Note: Working within a government department like the Department of Industry, Science and Resources means adhering to established processes, security protocols, and public service values. The CIOD's role suggests a focus on digital transformation and operational efficiency through technology.

📈 Career & Growth Analysis

Operations Career Level: This role sits at a Mid-Senior level, requiring demonstrated experience in both UI Design and Front-End Development. It offers an opportunity to contribute significantly to major government digital projects.

Reporting Structure: You will report to a supervising manager within the Chief Information Officer Division and collaborate closely with project leads and team members in a multi-disciplinary setting.

Operations Impact: Your work will directly impact the delivery of digital services by the Department of Industry, Science and Resources, influencing how businesses and citizens interact with government resources. This role is crucial in enhancing user experience and ensuring accessibility in public-facing digital platforms.

Growth Opportunities:

• Skill Specialization: Deepen expertise in specific front-end frameworks (ReactJS, Angular) and advanced UI/UX design principles within a government context.

• Cross-Functional Leadership: Develop skills in coaching back-end engineers and influencing stakeholder decisions, potentially leading to more senior design or development roles.

• Project Management: Gain exposure to large-scale government IT projects, understanding project lifecycles and stakeholder management in complex environments.

• Security Clearance: Obtaining Baseline Security Clearance can open doors to a wider range of government contract and permanent positions.

• Portfolio Enhancement: Build a robust portfolio with high-impact government projects, showcasing successful delivery of user-centric and accessible digital solutions.

📝 Enhancement Note: The contract nature of the role, with potential for extensions, offers stability and the chance to see projects through. The government sector provides a unique environment for developing skills in compliance, accessibility, and large-scale system integration.

🌐 Work Environment

Office Type: The primary location is ACT, Australia. While remote work may be considered, the role is described as "TELECOMMUTE" with a "Hybrid" AI rating, suggesting an expectation of some presence or collaboration, likely within Canberra if not fully remote.

Office Location(s): Canberra, ACT, Australia. Specific office details would be provided upon engagement.

Workspace Context:

• Collaborative Environment: You will work within multi-disciplinary teams, requiring strong interpersonal and communication skills.

• Technology Focus: Access to modern development tools and technologies will be provided, essential for implementing UI components and delivering digital services.

• Government Setting: The work environment will be within a government department, implying adherence to specific protocols, security standards, and a structured approach to project delivery.

• Remote Flexibility: The possibility of remote work offers a degree of autonomy and work-life balance, provided business needs are met.

Work Schedule: The role is structured around a standard 40-hour work week, typical for contract positions. Flexibility might be available depending on project demands and team agreements, but core working hours will likely be expected for effective collaboration.

📝 Enhancement Note: The "TELECOMMUTE" location type combined with "Hybrid" work arrangement suggests a strong preference for candidates within Australia, particularly ACT, but with potential flexibility for remote work if the candidate can meet security and collaboration requirements.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application Review: CV and responses to essential/desirable criteria will be assessed for suitability.

• Portfolio Presentation: Candidates will likely be asked to present their portfolio, demonstrating their UI design and front-end development capabilities, with a focus on user-centricity and accessibility.

• Technical/Skills Assessment: Potential for a practical exercise or technical interview to assess coding proficiency (HTML, CSS, JavaScript frameworks) and design problem-solving skills.

• Stakeholder/Team Interview: An interview with key team members and stakeholders to assess communication skills, ability to influence, and cultural fit within a government project team.

• Security Clearance Check: Verification of ability to obtain Baseline Security Clearance.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 strong projects that best represent your dual skillset in UI design and front-end development.

• Showcase Process: For each project, clearly articulate the problem, your approach (user research, design thinking, prototyping), the technologies used, your specific contributions, and the outcomes/impact.

• Highlight Accessibility: Explicitly detail how you incorporated WCAG 2.1 AA standards into your designs and implementations.

• Demonstrate Collaboration: Provide examples of how you worked with stakeholders, user researchers, and developers.

• Quantify Impact: Where possible, use metrics to demonstrate the success of your designs (e.g., improved usability scores, reduced error rates, increased user engagement).

Challenge Preparation:

• Be prepared to discuss your approach to common UI design challenges, such as designing for complex data sets, ensuring responsive design across devices, or improving user flows for specific tasks.

• Anticipate questions about your experience with design systems, style guides, and accessibility standards.

• Practice articulating your design rationale clearly and concisely, using examples from your portfolio.

• Understand the government context and the importance of security and accessibility in public sector digital services.

📝 Enhancement Note: The application requires detailed responses to criteria and a concise CV (3-5 pages). This suggests a thorough screening process where demonstrating potential and clearly aligning with the essential criteria is paramount. The portfolio is likely the most critical component.

🛠 Tools & Technology Stack

Primary Tools:

• UI Design Software: Figma, Sketch, Adobe XD (or similar for wireframing, prototyping, high-fidelity interfaces).

• Front-End Development:

  • HTML5, CSS3 (including preprocessors like SASS/LESS)
  • JavaScript (ES6+)
  • Frameworks: ReactJS, Angular (demonstrated experience required)

• Version Control: Git (essential for collaborative development)

• Project Management: Tools like Jira, Confluence (common in Agile/government environments).

Analytics & Reporting:

• Familiarity with analytics tools (e.g., Google Analytics, Adobe Analytics) to understand user behavior and measure impact.

• Proficiency in using data from user testing and evaluations to inform design iterations.

CRM & Automation: While not explicitly mentioned, understanding how front-end interfaces integrate with back-end systems and potentially CRM platforms could be beneficial.

📝 Enhancement Note: The explicit mention of ReactJS and Angular as frameworks is a key technical requirement. Experience with Git is standard for collaborative development. Familiarity with government IT environments and specific internal tools might be an advantage.

👥 Team Culture & Values

Operations Values:

• Human-Centricity: A core value driving all design and development efforts, prioritizing the user experience.

• Collaboration: Working effectively within multi-disciplinary teams to achieve shared project goals.

• Excellence & Quality: Commitment to delivering high-quality, fit-for-purpose digital services.

• Efficiency & Iteration: Embracing lean processes for rapid prototyping, testing, and continuous improvement.

• Accessibility & Inclusivity: Ensuring digital services are usable by all Australians, adhering to strict accessibility standards.

• Integrity & Security: Upholding public service values and adhering to security protocols.

Collaboration Style:

• Cross-functional Integration: Active participation in teams comprising designers, researchers, developers, and stakeholders.

• Open Communication: Articulating design rationale clearly and influencing decisions through reasoned arguments.

• Feedback Driven: Proactively seeking and incorporating feedback from user research, testing, and team members.

• Knowledge Sharing: Coaching and supporting colleagues, particularly back-end engineers, on usability and front-end best practices.

📝 Enhancement Note: The culture emphasizes a user-first approach within a structured, collaborative government framework. Candidates should demonstrate not only technical skills but also strong communication, adaptability, and a commitment to public service values.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing User Needs with Technical Constraints: Effectively translating user-centric designs into feasible and performant front-end code, especially within complex government systems.

• Adherence to Strict Standards: Meeting rigorous accessibility (WCAG 2.1 AA) and security (Baseline Clearance) requirements consistently.

• Stakeholder Management: Influencing diverse stakeholders with varying technical backgrounds and priorities.

• Rapid Iteration in a Government Setting: Adapting lean design principles within a potentially more structured government project lifecycle.

• Maintaining Dual Skillset: Continuously honing both UI design intuition and front-end development expertise.

Learning & Development Opportunities:

• Government Digital Standards: Gaining deep insight into best practices for government digital services, accessibility, and security.

• Large-Scale Project Experience: Contributing to significant projects with broad public impact.

• Mentorship: Learning from experienced professionals in UX, development, and government IT.

• Framework Specialization: Advanced training or project work in ReactJS or Angular.

• Accessibility Expertise: Becoming a subject matter expert in WCAG standards and inclusive design.

📝 Enhancement Note: The role offers a unique blend of creative design and technical development within a high-stakes public sector environment. Successfully navigating these challenges will significantly enhance a candidate's profile.

💡 Interview Preparation

Strategy Questions:

• Prepare to discuss your process for designing a user interface for a government service, emphasizing user-centricity and accessibility.

• Be ready to explain how you would translate user feedback from testing into actionable code improvements.

• Discuss your approach to collaborating with back-end engineers to ensure optimal usability and front-end performance.

Company & Culture Questions:

• Research the Department of Industry, Science and Resources' mission, current digital initiatives, and strategic goals.

• Understand the role of the Chief Information Officer Division (CIOD) and its contribution to the department.

• Be prepared to discuss how your values align with public service principles and the emphasis on user-centricity.

Portfolio Presentation Strategy:

• Select 2-3 key projects that best showcase your dual skillset.

• For each project, clearly outline the problem, your role, the design process, technical implementation details (HTML, CSS, JS frameworks), accessibility considerations, and the impact/outcome.

• Be ready to demonstrate interactive prototypes and discuss your design rationale.

• Tailor your presentation to highlight experience relevant to government projects, security, and accessibility.

📝 Enhancement Note: The interview process will likely assess your ability to bridge the gap between creative design and technical implementation, while also demonstrating your understanding of the unique requirements of government work, particularly regarding accessibility and security.

📌 Application Steps

To apply for this operations position:

• Submit your updated CV (3-5 pages) and detailed responses to the essential and desirable criteria (max 5000 characters each) via the provided application link.

• Portfolio Customization: Ensure your portfolio prominently features projects demonstrating your UI design skills, front-end development expertise (HTML, CSS, React/Angular), and a strong understanding of WCAG 2.1 AA accessibility standards. Tailor your portfolio to highlight government or public-facing projects if possible.

• Resume Optimization: Clearly articulate your experience with human-centric design, lean processes, prototyping, user testing, and specific front-end technologies. Use keywords from the job description such as "UI Design," "Front-end Development," "ReactJS," "Angular," "WCAG," and "Accessibility." Quantify your achievements where possible.

• Interview Preparation: Practice articulating your design decisions and technical solutions, especially how you addressed user needs and accessibility requirements. Prepare to walk through your portfolio projects, explaining your process and impact.

• Company Research: Familiarize yourself with the Department of Industry, Science and Resources, its mission, and the role of the CIOD. Understand the importance of public sector digital services and security clearance.

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