UX/UI Developer

📍 Job Overview

Job Title: UX/UI Developer

Company: CICCC - Cornerstone International Community College of Canada

Location: Vancouver, BC, Canada

Job Type: Contractor - Part Time

Category: UX/UI Design, Web Development

Date Posted: 2026-06-19

Experience Level: 2-5 Years

Remote Status: On-site

🚀 Role Summary

• Design and develop user interfaces and user experiences for a new online school platform, focusing on intuitive navigation and modern aesthetics.

• Collaborate closely with project managers, technical leads, and development teams to translate educational institution needs into functional and user-friendly digital solutions.

• Create comprehensive design documentation, including user flows, wireframes, mockups, and interactive prototypes for various user roles (students, instructors, administrators).

• Contribute to the establishment of a consistent visual style and a robust design system to ensure brand consistency and scalability across the platform.

📝 Enhancement Note: This role is for an Independent Contractor, emphasizing project-based work with a defined scope and duration (3-6 months). The focus is on the initial frontend experience of a new online school platform, requiring a blend of creative design and practical understanding of educational operations.

📈 Primary Responsibilities

• Design intuitive user flows, wireframes, and detailed interface layouts for the new online school platform.

• Develop mockups and prototypes for student, instructor, and administrative dashboards, ensuring each role has a tailored and efficient experience.

• Create comprehensive designs for key workflows such as course registration, payment processing, learning material access, attendance tracking, and certificate issuance.

• Actively participate in design review sessions, providing constructive feedback and collaborating with frontend and backend developers to ensure design integrity.

• Translate complex business requirements and specific school operational needs into clear, actionable user experience designs.

• Contribute to the development and maintenance of a consistent visual style guide and a reusable design system for the platform.

• Conduct usability reviews of implemented features and iterate on designs based on user feedback and stakeholder input.

• Support ongoing usability improvements by actively soliciting and incorporating feedback from end-users and internal stakeholders.

📝 Enhancement Note: The core responsibility is transforming abstract educational and administrative requirements into tangible, user-friendly digital interfaces. This involves a deep understanding of how different user groups will interact with the platform for daily tasks, from course enrollment to grade reporting.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating practical UI/UX design skills is paramount. A background in Graphic Design, Human-Computer Interaction, Web Design, or a related field is advantageous.

Experience: 2-5 years of hands-on experience in UI/UX design for web applications, with a proven track record of delivering user-centered designs.

Required Skills:

• Demonstrated experience in UI/UX design for web applications and digital platforms.

• Proficiency in creating comprehensive design documentation, including user flows, wireframes, mockups, and interactive prototypes.

• Expertise with industry-standard design tools such as Figma, Sketch, Adobe XD, or similar platforms.

• Strong understanding of usability principles, user interface layout, web accessibility standards (WCAG), and responsive design techniques.

• Ability to design practical and efficient interfaces tailored for diverse user roles within an organization.

• Excellent communication and presentation skills, with the ability to articulate design decisions and rationale clearly to technical and non-technical stakeholders. Preferred Skills:

• Prior experience designing user interfaces for educational platforms, Learning Management Systems (LMS), Customer Relationship Management (CRM) systems, complex dashboards, or administrative portals.

• Basic understanding of frontend development technologies (HTML, CSS, JavaScript) to facilitate smoother collaboration with developers.

• Experience in developing and maintaining design systems or libraries of reusable UI components.

• Proven ability to work effectively in a collaborative environment with project managers, developers, and other stakeholders.

📝 Enhancement Note: The "2-5 years" experience level suggests the need for candidates who can work with some autonomy but are also open to guidance from a project lead. The emphasis on Figma suggests it's the preferred tool, and proficiency here is a significant advantage.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 3-5 relevant projects demonstrating UI/UX design expertise for web applications.

• Include detailed case studies for at least two projects, highlighting the problem, your design process, challenges faced, and the final solution with measurable outcomes (e.g., improved user satisfaction, reduced task completion time).

• Demonstrate proficiency in creating user flows, wireframes, high-fidelity mockups, and interactive prototypes using tools like Figma.

• Clearly articulate your role and contributions within each project, especially in collaborative team environments.

• Present designs that adhere to usability, accessibility, and responsive design principles. Process Documentation:

• For each portfolio project, provide a clear explanation of your design methodology, from initial research and concept development to final implementation feedback.

• Detail how you translated user and business requirements into specific design features and workflows.

• Illustrate how you incorporated user feedback and iterative testing into your design process.

• Explain how you ensured consistency in design elements and user experience across different parts of the application.

📝 Enhancement Note: The portfolio is critical for this role. It should not just display visual assets but also demonstrate a structured approach to problem-solving, user empathy, and collaboration. For this specific role, projects related to educational platforms or complex dashboards would be highly valued.

💵 Compensation & Benefits

Salary Range: Based on industry standards for contract UX/UI Developers in Vancouver, BC, Canada, with 2-5 years of experience, the estimated hourly rate is $25 - $40 CAD per hour. This range accounts for the contract nature of the role, part-time hours, and the specific project requirements.

Benefits: As an Independent Contractor, standard employee benefits (health insurance, paid time off, retirement contributions) are typically not provided. However, contractors may benefit from:

• Flexible work schedule and location (though this role is specified as on-site).

• Opportunity to work on a new and impactful project with potential for future engagements.

• Direct involvement in building a core educational platform from the ground up.

• Professional development through hands-on experience with real-world educational technology challenges.

Working Hours: This is a part-time contract position. The total expected hours per week are not explicitly stated but are expected to be less than full-time. A standard 40-hour work week is a common benchmark for full-time, and this role would be a fraction of that. The specific number of hours will be negotiated based on project needs and candidate availability, with a focus on completing project milestones.

📝 Enhancement Note: The salary range is an estimation based on the provided AI data and local market rates for contract UX/UI roles. The "on-site" designation is critical, meaning benefits typically associated with remote work flexibility are not applicable here.

🎯 Team & Company Context

🏢 Company Culture

Industry: Education Technology / Higher Education Services. CICCC is an educational institution that is expanding its digital footprint by developing a new online school platform. This indicates a growing focus on leveraging technology to enhance learning delivery and administrative efficiency.

Company Size: While not explicitly stated in the provided data, CICCC is an educational college, suggesting a medium to large organization with multiple departments and a significant student body. This implies a structured environment with established processes.

Founded: Cornerstone International Community College of Canada (CICCC) has been operating for some time, establishing its presence in the Canadian education sector. Developing a new platform suggests a forward-thinking approach to modernizing its operations and student experience.

Team Structure:

• The UX/UI Developer will be part of a project team dedicated to the development of the new online school platform.

• This team will likely include a Project Manager or Technical Lead, Backend Developers, and potentially other Frontend Developers and stakeholders from within the college (e.g., administrative staff, academic departments).

• The reporting structure for this contractor role will be directly to the Project Manager or Technical Lead overseeing the platform development. Methodology:

• The project will likely follow an agile or hybrid development methodology, requiring close collaboration and iterative feedback loops between design and development.

• Emphasis will be placed on translating user needs and institutional requirements into practical, implementable design solutions.

• Data-driven design decisions will be encouraged, leveraging user feedback and analytics to refine the platform's user experience.

Company Website: https://ciccc.ca/

📝 Enhancement Note: The context of an educational institution means the design decisions must balance user-friendliness for students and staff with the specific compliance, administrative, and security needs inherent in an academic environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a specialized contractor for a specific project phase (frontend development and UX/UI design). It represents an opportunity for an experienced UX/UI designer to contribute to a significant new initiative.

Reporting Structure: The UX/UI Developer will report directly to the Project Manager or Technical Lead responsible for the online school platform project. This ensures clear direction and integration with the overall project plan.

Operations Impact: The work of the UX/UI Developer will directly impact the usability and adoption of the new online school platform. A well-designed interface can lead to increased student engagement, improved administrative efficiency, and a more positive overall experience for all users, thereby supporting the college's operational goals.

Growth Opportunities:

• Skill Specialization: Deepen expertise in designing for educational technology (EdTech) platforms, LMS, and administrative systems.

• Project Leadership: Gain experience in leading the design phase of a new platform, potentially opening doors for future project lead roles or similar contract opportunities.

• Portfolio Expansion: Add a significant, complex project to your portfolio, showcasing your ability to manage design from concept to implementation support.

• Network Building: Establish professional connections with individuals at CICCC and within the project development team, which can lead to future collaborations.

📝 Enhancement Note: While this is a contract role, the successful execution of this project can significantly enhance a designer's resume and open pathways to more substantial roles within EdTech or the broader software development industry.

🌐 Work Environment

Office Type: The role is specified as "On-site," indicating that the work will be performed at CICCC's campus in Vancouver, BC. This suggests a traditional office environment within the college.

Office Location(s): The primary office location is Vancouver, BC, Canada, with a specific postal code V6Z 1L2. This is a downtown Vancouver location.

Workspace Context:

• The developer will likely have access to a dedicated workspace within the college, potentially shared with other project team members or within a design/IT department.

• Access to necessary hardware, software (including Figma or other chosen design tools), and network resources will be provided by the college.

• Opportunities for in-person collaboration with the Project Manager, developers, and key stakeholders from the college administration and academic staff will be frequent.

Work Schedule: This is a part-time contract position. While the specific hours per week are not detailed, it's expected to be flexible within the bounds of project needs and on-site requirements. The developer will need to coordinate their schedule to align with team meetings, stakeholder consultations, and project milestones.

📝 Enhancement Note: The "on-site" requirement is a key differentiator. Candidates must be able to commute to Vancouver, BC, and work from the college campus, offering a traditional office-based collaboration experience.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and, most importantly, your portfolio to assess relevant experience and design capabilities.

• Portfolio Presentation/Discussion: A session where you will walk through selected projects from your portfolio, explaining your design process, rationale, and outcomes. Be prepared to discuss your experience with Figma and other design tools.

• Technical/Skills Assessment: Potentially a short design challenge or a discussion about your approach to specific UI/UX problems relevant to an online school platform.

• Stakeholder/Project Lead Interview: A conversation with the Project Manager or Technical Lead to assess your communication skills, understanding of educational institution needs, and cultural fit with the project team.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 projects that best showcase your web application UI/UX design skills, ideally including experience with dashboards, educational platforms, or complex administrative systems.

• Tell a Story: For each project, clearly articulate the problem statement, your role, the design process, key decisions, challenges, and the impact of your design. Use visuals effectively.

• Highlight Process: Emphasize your methodology – how you gather requirements, conduct research, create wireframes and prototypes, and iterate based on feedback.

• Demonstrate Tool Proficiency: Clearly indicate which tools you used, with a strong focus on Figma if that's the primary tool.

• Address Accessibility & Responsiveness: Be prepared to discuss how you ensured your designs were accessible and responsive across devices.

Challenge Preparation:

• Empathize with Users: Think about the different user types (students, instructors, admins) and their distinct needs and pain points within an educational context.

• Focus on Core Functionality: Understand the essential features of an online school platform (registration, content delivery, communication, assessment, administration).

• Prioritize Clarity & Efficiency: For any design challenge, focus on creating clear, intuitive, and efficient solutions that align with the operational goals of an educational institution.

📝 Enhancement Note: The portfolio is the cornerstone of this application. Candidates should prepare to present it thoroughly and speak to every aspect of their design choices and process.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: This is explicitly mentioned as a required skill and is likely the primary tool for UI/UX design, wireframing, prototyping, and potentially design system management.

• Other Design Platforms: While Figma is preferred, experience with Sketch, Adobe XD, or similar professional design software is also valuable.

Analytics & Reporting:

• While not a direct responsibility of the UX/UI Developer, an understanding of how user behavior is tracked and analyzed (e.g., through analytics tools like Google Analytics, Hotjar, or integrated platform analytics) can inform design decisions. Awareness of how data supports A/B testing and UX improvements is beneficial. CRM & Automation:

• Experience designing interfaces for CRM systems or platforms that automate tasks is a plus. The candidate should understand how user interfaces support backend processes and data management for educational institutions.

• Familiarity with systems used in education, such as Learning Management Systems (LMS), Student Information Systems (SIS), and payment gateways, will be advantageous.

📝 Enhancement Note: Proficiency in Figma is non-negotiable. The role requires the ability to not only design but also to leverage these tools to create interactive prototypes and potentially contribute to a design system.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong commitment to understanding and serving the needs of students, instructors, and administrative staff through thoughtful design.

• Efficiency & Practicality: Designing solutions that are not only aesthetically pleasing but also highly functional and streamline operational processes within the college.

• Collaboration: A willingness to work closely with a diverse project team, actively participating in discussions and incorporating feedback from various disciplines.

• Innovation: An openness to exploring modern design trends and technologies to create a cutting-edge online learning experience.

• Attention to Detail: Ensuring that designs are precise, consistent, and adhere to established standards for usability and accessibility.

Collaboration Style:

• Cross-Functional Integration: The UX/UI Developer will work closely with backend and frontend developers, project managers, and institutional stakeholders, requiring clear communication and a collaborative spirit.

• Iterative Design Process: Expect a culture that values feedback, iteration, and continuous improvement based on user testing and stakeholder input.

• Knowledge Sharing: Actively contributing design insights and best practices to the project team, and being receptive to technical and operational constraints from other team members.

📝 Enhancement Note: The culture within an educational institution often emphasizes a balance between innovation and established best practices, with a strong focus on serving the student and staff community effectively.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing User Needs with Institutional Constraints: Designing for an educational institution involves meeting the diverse needs of students, instructors, and administrators, while also adhering to institutional policies, security requirements, and budget limitations.

• Translating Complex Requirements: Extracting clear design requirements from potentially broad or evolving operational needs of the college.

• Integration with Existing Systems: Understanding how the new platform will interface with or replace existing systems (e.g., SIS, HR systems) can be complex.

• Adopting a New Design System: Contributing to or adopting a new design system requires careful attention to consistency and scalability across the platform.

Learning & Development Opportunities:

• EdTech Specialization: Gaining in-depth experience in the specific design challenges and opportunities within the Education Technology sector.

• Agile/Scrum Exposure: Working within a project team that likely utilizes agile methodologies can provide valuable experience in iterative development.

• Cross-Disciplinary Learning: Understanding the operational workflows of an educational institution from the perspective of students, faculty, and administration.

• Tool Mastery: Further honing skills in Figma and potentially exploring new design and prototyping tools.

📝 Enhancement Note: This role offers a chance to tackle unique challenges specific to the education sector, providing a rich learning experience and a distinct specialization for future career development.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a dashboard for a user role you've never designed for before. How would you approach understanding their needs for this online school platform?" (Focus on user research, empathy, and iterative design).

• "How do you ensure your designs are accessible and comply with WCAG standards, especially for a platform used by a diverse student body?" (Highlight your knowledge of accessibility guidelines and practical application).

• "Walk us through a complex UI/UX project from your portfolio. What was the problem, your solution, and the impact? What would you do differently today?" (Prepare a detailed case study presentation). Company & Culture Questions:

• "What do you know about CICCC and its mission? How would your design approach support our goals for online education?" (Research the college's website, programs, and values).

• "How do you collaborate with developers and project managers? Describe a time you had to negotiate design decisions with technical constraints." (Emphasize your teamwork and problem-solving skills).

• "How do you approach balancing user experience with the operational requirements of an educational institution?" (Showcase your understanding of the industry's unique demands). Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly define the problem, your role, the process, your specific contributions, design decisions, and the outcomes.

• Focus on Figma: Be ready to demonstrate your Figma skills, perhaps by showing interactive prototypes or explaining how you've used its features for collaboration and design systems.

• Quantify Impact: Where possible, use metrics (e.g., improved conversion rates, reduced task completion time, positive user feedback trends) to demonstrate the success of your designs.

• Be Concise and Engaging: Keep your presentation focused and dynamic, allowing time for questions and discussion.

📝 Enhancement Note: Be prepared to discuss specific examples from your portfolio that align with the needs of an online school platform. Demonstrating an understanding of the educational context will be highly valued.

📌 Application Steps

To apply for this operations position:

• Submit your application through the CICCC BambooHR careers portal.

• Optimize Your Resume: Tailor your resume to highlight your UI/UX design experience, specifically mentioning proficiency in Figma, web application design, and any experience with educational platforms or dashboards. Use keywords from the job description.

• Curate Your Portfolio: Ensure your online portfolio is up-to-date, easily accessible, and features your strongest relevant projects. Prepare to walk through 2-3 key case studies in detail.

• Prepare for a Design Discussion: Anticipate questions about your design process, tool usage (especially Figma), and how you handle user requirements and collaboration. Practice articulating your design decisions clearly.

• Research CICCC: Familiarize yourself with Cornerstone International Community College of Canada's mission, programs, and target audience to better understand their needs and tailor your responses.

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

---