Front End UI Designer

📍 Job Overview

Job Title: Front End UI Designer

Company: CYOS Solutions

Location: Melbourne, Victoria, Australia

Job Type: CONTRACTOR

Category: Technology / Design / Government Services

Date Posted: April 10, 2026

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

Remote Status: Hybrid (Remote working arrangements may be considered)

🚀 Role Summary

• This role is a hybrid Front-End Developer and User Interface (UI) Designer position, requiring a dual skillset to deliver intuitive, fit-for-purpose digital interfaces.

• You will drive a human-centric approach to service delivery, focusing on understanding customer, business, and technology needs to create effective digital solutions.

• Responsibilities include designing and developing product improvements, features, user flows, and user interfaces, coupled with front-end development using modern web technologies.

• The position involves working within multi-disciplinary teams, translating user research and feedback into actionable improvements, and implementing UI components with a strong emphasis on usability and accessibility.

📝 Enhancement Note: While the raw job title is "Front End UI Designer," the description clearly indicates a blended role. The "Category" has been broadened to reflect the government sector context and the dual nature of the role, encompassing technology, design, and public service delivery. The "Experience Level" is inferred from the typical responsibilities and required skills for a mid-level role that combines development and design.

📈 Primary Responsibilities

• Develop and implement user-centric UI designs, user flows, prototypes, and high-fidelity interfaces, ensuring alignment with project requirements and business objectives.

• Translate user research findings and usability testing results into actionable improvements for the user interface, optimizing for enhanced user experience and accessibility.

• Implement UI components using core web technologies such as HTML, CSS, and JavaScript frameworks (e.g., ReactJS, Angular).

• Collaborate closely with user researchers, designers, and back-end engineers to ensure seamless integration of front-end solutions and to coach back-end teams on usability and front-end development best practices.

• Plan and execute user experience evaluations to verify that usability and accessibility requirements, including WCAG 2.1 AA standards, are met.

• Advocate for and problem-solve user-centric design solutions, effectively communicating design rationale and technical considerations to diverse stakeholders.

• Engage in rapid prototyping, testing, and iterative design processes to deliver product improvements and new features efficiently.

• Contribute to defining user-centered designs, iterating on them based on user feedback to add continuous value.

📝 Enhancement Note: The responsibilities have been detailed to reflect the dual nature of the role, emphasizing both the design (user flows, prototypes, high-fidelity interfaces) and development (HTML, CSS, JavaScript frameworks, UI component implementation) aspects. Specific mention of WCAG 2.1 AA standards and the coaching of back-end engineers adds depth relevant to operations and development collaboration.

🎓 Skills & Qualifications

Education:

Experience:

• Demonstrated experience in UI design and front-end development, working within existing style guides and/or design systems.

• Proven ability to translate user research and usability testing findings into tangible interface improvements.

• Experience in rapid prototyping, testing, and iterative design cycles.

Required Skills:

• UI Design: Proficiency in creating user flows, wireframes, prototypes, and high-fidelity interfaces with a strong emphasis on user-centricity.

• Front-End Development: Demonstrated experience with HTML, CSS, and JavaScript frameworks such as ReactJS and/or Angular.

• Accessibility Standards: In-depth knowledge and practical implementation of Accessibility requirements, specifically Web Content Accessibility Guidelines (WCAG) 2.1, level AA as a minimum.

• Communication & Stakeholder Management: Effective communication skills with the ability to influence multiple stakeholders and clearly articulate design decisions with a well-reasoned rationale.

• User Experience Evaluation: Experience in planning and performing user experience evaluations to ensure usability and accessibility requirements are met.

Preferred Skills:

• Experience designing wireframes, user interfaces, and interactive prototypes with meticulous attention to detail.

• Ability to rapidly prototype, test, and iterate designs to enhance user experience.

• Familiarity with working within an existing style guide or design system.

• Coaching or mentoring back-end engineers on usability and front-end development principles.

📝 Enhancement Note: The "Required Skills" section has been expanded to include specific technical proficiencies (HTML, CSS, JS frameworks) and soft skills (communication, stakeholder management) that are crucial for this blended role. The "Desirable Criteria" from the original listing has been integrated into "Preferred Skills" and "Education" for a more standard job description format.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• User-Centric Design Examples: Showcase projects demonstrating a clear understanding of user needs and how designs address them, with evidence of iterative improvements based on feedback.

• Front-End Implementation Proof: Provide examples of UI components or features built using HTML, CSS, and JavaScript frameworks (ReactJS/Angular), illustrating code quality and adherence to design specifications.

• Accessibility Integration: Include case studies or project examples that highlight the implementation of WCAG 2.1 AA standards and other accessibility best practices.

• Prototyping and Wireframing: Present a range of wireframes, interactive prototypes, and high-fidelity mockups that demonstrate problem-solving and design thinking.

• Cross-functional Collaboration: Detail projects where you collaborated with researchers, developers, and stakeholders, illustrating your role and contribution within a team environment.

Process Documentation:

• Lean Design Methodology: Be prepared to discuss your experience with lean design processes, including rapid prototyping, user testing, and iterative development cycles.

• User Research Translation: Demonstrate how you translate findings from user research and usability testing into concrete design and development actions.

• Style Guide/Design System Adherence: Showcase an understanding of working with and potentially contributing to style guides or design systems to ensure brand consistency and UI uniformity.

📝 Enhancement Note: This section has been tailored to emphasize the practical application of design and development skills. The "Portfolio Essentials" focus on demonstrating tangible outcomes and process adherence, which is critical for a contract role. The "Process Documentation" points towards the methodologies expected, such as lean design and user research translation.

💵 Compensation & Benefits

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

Benefits:

• Contract Extension Potential: Opportunity for contract extensions, with two potential 12-month extensions, offering significant job security and project continuity.

• Remote Work Consideration: Flexibility for remote working arrangements to be considered on a case-by-case basis, subject to business needs and managerial consultation.

• Security Clearance Opportunity: The role requires the ability to obtain Baseline security clearance, which can be a valuable asset for future government or sensitive projects.

• Professional Development: Exposure to major government projects and the opportunity to work within a multi-disciplinary team, fostering skill development in both UI design and front-end development.

• Defined Project Duration: A clear 12-month initial contract length, providing a defined scope for project work and performance assessment.

Working Hours: Approximately 40 hours per week, with the potential for flexible arrangements as noted.

📝 Enhancement Note: The salary range is directly from the input. Benefits have been elaborated to highlight the contractual nature, remote flexibility, security clearance opportunity, and potential for long-term engagement. The "Working Hours" are inferred to be standard full-time for a contract role.

🎯 Team & Company Context

🏢 Company Culture

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

Company Size: Large (Implied by being a government department with a Chief Information Officer Division)

Founded: The Department of Industry, Science and Resources is a long-standing government entity. Its specific founding date is not provided, but its function is integral to the Australian Government's economic agenda.

Team Structure:

• CIOD Focus: You will be part of the Chief Information Officer Division (CIOD), which provides enabling services and operations delivery to the department and Australian businesses.

• Multi-disciplinary Teams: Work will occur within multi-disciplinary teams, fostering collaboration between designers, developers, user researchers, and potentially project managers.

• Project-Based Work: The roles support ongoing major projects within the Corporate and Digital Division, indicating a project-driven team environment.

Methodology:

• Human-Centric Design: A core methodology focusing on understanding and addressing customer, business, and technology needs.

• Lean Design Process: Involves rapid prototyping, user testing, and iterative implementation of solutions.

• Agile Development Practices: Implied by the iterative nature of design and development, and collaboration within multi-disciplinary teams.

• Data-Driven Improvement: Use of user feedback and usability testing to inform design and development iterations.

Company Website: https://cyos-solutions.breezy.hr/ (Note: This appears to be a recruiting platform URL, not the direct company website. The actual department website is likely related to the Australian Government's Department of Industry, Science and Resources.)

📝 Enhancement Note: The company context has been significantly fleshed out using the provided description of the Department of Industry, Science and Resources. This includes inferring the industry, team structure, and core methodologies that are crucial for understanding the work environment and operational approach. The website URL was clarified.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a mid-level, requiring demonstrated expertise in both UI design and front-end development. It's suitable for professionals who have moved beyond entry-level tasks and can independently contribute to design and development cycles, influence team decisions, and manage project-specific deliverables.

Reporting Structure:

• You will report to a supervising manager within the Chief Information Officer Division (CIOD).

Operations Impact:

• This role directly impacts the effectiveness and user experience of government digital services, contributing to the Department's mission of building a productive, resilient, and sustainable economy.

• By ensuring intuitive and accessible digital interfaces, the role enhances citizen and business engagement with government resources and information.

Growth Opportunities:

• Skill Specialization & Broadening: Opportunity to deepen expertise in either UI design (e.g., advanced UX research, interaction design) or front-end development (e.g., specific framework mastery, performance optimization), or to further hone the dual skillset.

• Government Project Experience: Gain significant experience on large-scale government projects, which can be highly valuable for future career opportunities within the public sector or for roles requiring security clearance.

• Cross-functional Leadership: Develop leadership skills by coaching back-end engineers and influencing design decisions within multi-disciplinary teams.

• Contract Extension & Long-Term Engagement: Potential for extended contracts (up to 24 months beyond the initial term) provides stability and opportunities to see projects through to completion.

📝 Enhancement Note: The "Career & Growth Analysis" section bridges the gap between the specific role and broader career trajectories. It defines the mid-level positioning, outlines reporting dynamics, and emphasizes the impact of operations roles within a government context. Growth opportunities are framed around skill development, project experience, and potential long-term engagement.

🌐 Work Environment

Office Type: Primarily remote with potential for office-based work depending on business needs and manager consultation. The role is designated as "TELECOMMUTE" with a requirement for work to be performed within VIC (Victoria, Australia).

Office Location(s):

• The primary work location is Victoria, Australia (VIC).

Workspace Context:

• Remote Flexibility: The option for remote work provides flexibility for work-life balance and reduces commuting needs.

• Collaborative Digital Tools: Expect to utilize digital collaboration tools (e.g., Slack, Microsoft Teams, Jira, Confluence) for communication, project management, and knowledge sharing.

• Design & Development Tools: Access to and proficiency with industry-standard design software (e.g., Figma, Sketch, Adobe XD) and front-end development environments will be essential.

• Government Project Environment: Experience working within a government department implies adherence to specific protocols, security measures, and reporting structures.

Work Schedule:

• The standard work schedule is expected to be approximately 40 hours per week.

• While remote work may be considered, adherence to project timelines and team availability during core Australian business hours (particularly in Victoria) will be crucial.

📝 Enhancement Note: The "Work Environment" section clarifies the remote/hybrid nature of the role, emphasizing the "TELECOMMUTE" designation and the Victorian location requirement. It also outlines the typical digital tools and collaborative environments expected in such a role, particularly within a government context.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application Screening: Review of CV and responses to essential/desirable criteria for suitability.

• Technical Assessment/Portfolio Review: Potential for a technical interview or a detailed review of your portfolio to assess UI design skills, front-end development capabilities, and understanding of accessibility standards.

• Situational/Behavioral Interviews: Questions focused on problem-solving, collaboration, stakeholder management, and how you handle specific design and development challenges.

• Government Clearance Process: If successful, you will need to undergo a Baseline security clearance process.

• Final Interview: May involve meeting with the supervising manager or project lead to discuss cultural fit and final suitability.

Portfolio Review Tips:

• Dual Focus: Ensure your portfolio clearly demonstrates both your UI design expertise (wireframes, prototypes, user flows) and your front-end development capabilities (code samples, live demos, framework experience).

• Case Studies: For key projects, present them as case studies that detail the problem, your approach (design and development), the tools/technologies used, your specific contributions, and the outcomes (quantify impact where possible).

• Accessibility Showcase: Dedicate a section or highlight specific examples within projects that demonstrate your commitment to and implementation of WCAG 2.1 AA standards.

• Style Guide/Design System: If you have experience working with or contributing to style guides or design systems, clearly showcase this with examples.

• Conciseness: Given the application instruction of a 3-5 page CV and character limits for criteria responses, ensure your portfolio is well-organized, easily navigable, and highlights your most relevant achievements concisely.

Challenge Preparation:

• Design & Code Challenge: Be prepared for a potential challenge that requires you to design a UI element or solve a front-end coding problem, possibly under timed conditions.

• Accessibility Scenario: Anticipate questions or a scenario where you must explain how to make a design or feature accessible.

• Stakeholder Communication Practice: Practice articulating your design decisions and technical rationale clearly and persuasively, as if explaining them to both technical and non-technical stakeholders.

📝 Enhancement Note: This section provides actionable advice for candidates. The "Interview Process" outlines typical stages for a government contractor role. "Portfolio Review Tips" are tailored to the dual nature of the role and the explicit requirement for demonstrating both design and development skills, including accessibility. "Challenge Preparation" anticipates common tasks for this type of position.

🛠 Tools & Technology Stack

Primary Tools:

• Front-End Frameworks: ReactJS and/or Angular are explicitly mentioned as required.

• Core Web Technologies: HTML, CSS, JavaScript are fundamental requirements.

• Design & Prototyping Software: Tools such as Figma, Sketch, or Adobe XD are expected for UI design, wireframing, and prototyping.

• Version Control System: Git is a standard requirement for collaborative development and code management.

Analytics & Reporting:

• User Experience Evaluation Tools: While not specified, tools for usability testing and performance analytics (e.g., Hotjar, Google Analytics, Lighthouse) may be utilized.

• Accessibility Auditing Tools: Tools like axe, WAVE, or browser developer tools for checking WCAG compliance.

CRM & Automation:

• Project Management Tools: Jira, Confluence, Trello, or similar for task tracking, workflow management, and documentation.

• Collaboration Platforms: Slack, Microsoft Teams for team communication and coordination.

📝 Enhancement Note: The "Tools & Technology Stack" section directly pulls from the "Essential Criteria" and "Desirable Criteria" provided in the raw listing, identifying specific frameworks and technologies. It also includes common tools associated with UI/UX design and front-end development in a professional setting.

👥 Team Culture & Values

Operations Values:

• Human-Centricity: A strong emphasis on understanding and serving the needs of users (citizens, businesses) in all design and development efforts.

• Usability & Accessibility: Commitment to creating digital products that are easy to use and accessible to all, adhering to WCAG 2.1 AA standards.

• Collaboration & Teamwork: Working effectively within multi-disciplinary teams, sharing knowledge, and supporting colleagues.

• Efficiency & Iteration: Embracing lean design processes, rapid prototyping, and iterative development to deliver value quickly and effectively.

• Data-Driven Decision Making: Using user feedback and testing results to inform design choices and drive continuous improvement.

Collaboration Style:

• Cross-functional Integration: Expected to collaborate closely with user researchers, UI designers, front-end developers, and back-end engineers.

• Influential Communication: Ability to clearly articulate design decisions and technical rationale to influence stakeholders and team members.

• Coaching and Mentorship: Willingness to coach back-end engineers on usability and front-end development best practices.

• Feedback-Oriented: Openness to receiving and providing constructive feedback to improve designs and processes.

📝 Enhancement Note: This section interprets the implied values and culture from the job description's emphasis on human-centricity, user needs, accessibility, and collaborative teamwork within a government digital services context.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Dual Skillsets: Effectively managing time and responsibilities across both UI design and front-end development tasks to meet project demands.

• Government Bureaucracy & Security: Navigating the processes and security requirements inherent in government projects, including obtaining Baseline clearance.

• Stakeholder Alignment: Ensuring diverse stakeholder needs and expectations are met while maintaining a user-centric and technically sound approach.

• Rapid Iteration in a Large Organization: Implementing agile, iterative processes within the potentially more structured environment of a government department.

• Keeping Pace with Technology: Continuously updating skills in both UI design trends and evolving front-end development frameworks.

Learning & Development Opportunities:

• Advanced UI/UX Specialization: Opportunity to deepen skills in areas like interaction design, user research methodologies, or design systems.

• Front-End Framework Mastery: Becoming an expert in ReactJS or Angular, potentially exploring related technologies or performance optimization techniques.

• Government Digital Transformation Exposure: Gaining invaluable experience in how large-scale digital transformation projects are managed within the public sector.

• Accessibility Expertise: Developing a deep understanding and practical application of accessibility standards, becoming a go-to resource in this area.

• Cross-Disciplinary Skill Enhancement: Broadening understanding of backend development, project management, and government IT procurement processes.

📝 Enhancement Note: This section identifies potential hurdles and frames them as opportunities for growth, drawing on the role's context within a government department and its blended nature.

💡 Interview Preparation

Strategy Questions:

• Design Process & Rationale: "Walk us through a complex UI design project you worked on. What was the problem, your design process, what tools did you use, and how did you incorporate user feedback and accessibility?"

• Front-End Implementation: "Describe a challenging front-end component you built using ReactJS/Angular. What were the technical hurdles, and how did you ensure code quality, performance, and accessibility?"

• Stakeholder Management: "How do you effectively communicate design decisions and technical trade-offs to non-technical stakeholders? Provide an example of a time you had to influence a stakeholder's decision."

• Accessibility Advocacy: "How do you ensure accessibility is considered throughout the design and development lifecycle? What is your approach to meeting WCAG 2.1 AA standards?"

• Problem-Solving Scenarios: "Imagine a user reports difficulty completing a key task on our website. How would you approach diagnosing and solving this issue from both a UI design and front-end development perspective?"

Company & Culture Questions:

• "What interests you about working on government digital services for the Department of Industry, Science and Resources?"

• "How do you approach working in a multi-disciplinary team? How would you collaborate with back-end engineers and user researchers?"

Portfolio Presentation Strategy:

• The 'Why' Behind the 'What': For each project, clearly articulate the business or user problem, your specific role and contributions, the design decisions made, the technical implementation details, and the measurable outcomes.

• Show, Don't Just Tell: Use interactive prototypes, clear screenshots, and concise code snippets (or links to repositories) to illustrate your skills.

• Accessibility Focus: Explicitly explain how accessibility was integrated into your designs and development work.

• Conciseness and Relevance: Tailor your presentation to highlight projects most relevant to government digital services, UI/UX design, and front-end development with ReactJS/Angular.

• Prepare for Q&A: Be ready to dive deeper into any aspect of your portfolio, demonstrating your understanding and problem-solving capabilities.

📝 Enhancement Note: Interview preparation is critical for contractors. This section provides specific, actionable questions and strategies tailored to the hybrid nature of the role, the government context, and the explicit requirements like accessibility and specific frameworks.

📌 Application Steps

To apply for this operations position:

• Submit your updated CV (maximum 3-5 pages) and responses to the essential and desirable criteria (max 5000 characters per response) through the provided application link.

• Portfolio Curation: Prepare a portfolio that clearly showcases both your UI design capabilities (wireframes, prototypes, user flows) and your front-end development experience (HTML, CSS, JavaScript, ReactJS/Angular). Ensure it highlights your understanding and implementation of accessibility standards (WCAG 2.1 AA).

• Resume Optimization: Tailor your CV to prominently feature keywords and experience related to UI design, front-end development, accessibility, user-centric design, and any relevant government project experience. Quantify achievements where possible.

• Interview Preparation: Practice articulating your experience and design/development rationale, preparing specific examples for behavioral and technical questions. Rehearse presenting your portfolio, focusing on clarity, conciseness, and demonstrating impact.

• Company Research: Understand the mission and goals of the Department of Industry, Science and Resources, and how digital services contribute to them. Research current trends in government digital transformation and user experience.

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