Web Experience Designer (Webflow)
š Job Overview
Job Title: Web Experience Designer (Webflow)
Company: 1-800-GOT-JUNK?
Location: Vancouver, British Columbia, Canada
Job Type: Full-Time
Category: Digital Experience & Web Design Operations
Date Posted: February 23, 2026
Experience Level: Mid-Level (2-5 years)
Remote Status: Hybrid
š Role Summary
-
This role is a critical blend of UI design and direct Webflow implementation, focusing on enhancing the company's digital presence and e-commerce conversion rates.
-
Responsibilities include translating strategic briefs into high-fidelity designs and then building them directly within Webflow, emphasizing reusable component creation and a strong design system.
-
The position requires a solid understanding of Webflow as a visual coding tool, including class management, CMS collections, and creating engaging interactions.
-
Collaboration is key, working alongside E-commerce, marketing, UX, and product teams to ensure design quality, consistency, and alignment from concept to launch.
š Enhancement Note: While the title is "Web Experience Designer," the deep dive into Webflow implementation, component libraries, and conversion focus firmly places this role within a specialized area of Digital Operations, often supporting GTM (Go-To-Market) and E-commerce functions. The emphasis on "bridging the gap between high-fidelity UI design and technical implementation" highlights its operational significance.
š Primary Responsibilities
-
Strategic Design Implementation: Translate strategic briefs from the E-commerce team into high-fidelity, pixel-perfect UI designs for marketing and e-commerce landing pages, ensuring alignment with brand and UX guidelines.
-
Webflow Development & Optimization: Directly build, refine, and implement responsive Webflow pages that enhance usability, accessibility, and conversion rates, leveraging Webflow's visual coding capabilities.
-
Component Library Management: Design, develop, and maintain a reusable Webflow component library, in partnership with UX designers and developers, to establish a scalable and consistent website foundation aligned with the broader design system.
-
Cross-Functional Collaboration: Act as a key liaison between E-commerce strategy, creative asset development, and technical execution, working closely with UX designers, marketers, developers, and product managers to bring concepts to life.
-
User Experience Enhancement: Design with intent, translating UX insights, user needs, and brand goals into effective, responsive Webflow designs that balance aesthetic appeal with functional performance.
-
Stakeholder Communication: Clearly present design ideas, experience flows, and strategic recommendations to business stakeholders to drive alignment and secure approvals.
-
UX Research Contribution: Partner with the UX Design team to conduct usability testing, gather user feedback, and utilize data-driven insights to iteratively improve the overall user experience.
-
Documentation & Knowledge Transfer: Create Figma prototypes, design specifications, and Webflow documentation to facilitate smooth collaboration and implementation across teams.
š Enhancement Note: The responsibilities emphasize a hands-on approach to web development and design execution within a specific platform (Webflow), directly impacting customer-facing digital experiences and conversion metrics, which are core operational functions.
š Skills & Qualifications
Education:
Experience:
-
Minimum of 2 years of professional UI design experience.
-
At least 1 year of direct, hands-on experience building websites within Webflow at an intermediate to advanced proficiency level.
Required Skills:
-
Webflow Proficiency: Intermediate to advanced skills in building scalable, high-quality, and reusable website experiences within Webflow, including class management, CMS collections, and interaction design.
-
UI Design Expertise: Strong ability to translate strategic briefs into high-fidelity, pixel-perfect UI designs that align with brand and UX guidelines.
-
Figma Proficiency: Intermediate to advanced skills in Figma for UI design, prototyping, and creating design specifications.
-
Responsive Design: Proven experience in designing and implementing responsive layouts that adapt seamlessly across various devices and screen sizes.
-
Collaboration & Communication: Excellent verbal and written communication skills, with the ability to effectively present ideas and collaborate with cross-functional teams and stakeholders.
-
Problem-Solving: Ability to translate user needs and business goals into effective design solutions.
-
Attention to Detail: Meticulous approach to design and implementation, ensuring high standards of quality and consistency.
Preferred Skills:
-
UX Design Experience: 1+ year of professional UX design experience (including internships, freelance work, or industry roles).
-
Design Systems: Familiarity with design system principles and experience contributing to or utilizing design systems.
-
Web Standards: Basic understanding of HTML, CSS, or general front-end development concepts.
-
Accessibility: Familiarity with web accessibility standards (e.g., WCAG) and best practices.
-
Usability Testing: Experience with or understanding of usability testing methodologies and how to incorporate feedback.
-
Agile Workflows: Exposure to agile or iterative development methodologies.
š Enhancement Note: The emphasis on Webflow as a "visual coding tool" and the requirement for both UI design skills and direct implementation experience suggest a hybrid role that bridges traditional design and front-end development operations, requiring a specific technical skill set.
š Process & Systems Portfolio Requirements
Portfolio Essentials:
-
Webflow Implementation Showcase: A significant portion of the portfolio should demonstrate direct work within Webflow, highlighting complex layouts, custom interactions, and responsive design implementations.
-
UI Design Excellence: Showcase high-fidelity UI designs that clearly articulate user flows, layout structure, and visual hierarchy, demonstrating a strong understanding of user-centered design principles.
-
Component Library Examples: Include examples or descriptions of reusable website components designed and/or built, illustrating an understanding of scalability and maintainability.
-
Conversion-Focused Design: Present case studies or examples of designs that were specifically created to improve conversion rates, with a clear explanation of the strategy and any measurable outcomes.
-
Cross-Functional Collaboration: Provide evidence of how you have worked with UX designers, developers, or marketing teams to bring projects to fruition, demonstrating effective communication and integration.
Process Documentation:
-
Design to Implementation Workflow: Describe your process for taking a design brief from concept through to a fully implemented Webflow page, including steps for design, feedback, development, and launch.
-
Component Development Lifecycle: Detail your approach to designing, building, and documenting reusable Webflow components, including how you ensure consistency and scalability.
-
Collaboration and Feedback Loops: Explain how you incorporate feedback from UX designers, marketers, and other stakeholders into your design and development process.
-
Quality Assurance & Testing: Outline your methods for ensuring the quality, responsiveness, and accessibility of your Webflow implementations before launch.
š Enhancement Note: For a role focused on Webflow implementation, the portfolio must go beyond static designs to include functional examples of live websites or detailed walkthroughs of Webflow projects, demonstrating practical building skills and an understanding of operational efficiency in web development.
šµ Compensation & Benefits
Salary Range: $66,000 - $82,000 CAD per annum
Benefits:
-
Comprehensive Health & Wellness:
- Extended Health and Dental Benefits.
- Access to Health and Wellness Programs, including gym facilities at the corporate head office.
-
Work-Life Balance:
- Generous Paid Time Off, including annual vacation and personal days.
- Hybrid Work Environment, offering flexibility to work remotely and from corporate offices.
-
Professional Growth: Working Hours:
-
Standard 40 hours per week.
-
Hybrid work requires core attendance in the office every other week (Tuesday-Thursday) from 9 AM - 3 PM to support business priorities and team collaboration.
š Enhancement Note: The salary range is provided in Canadian Dollars (CAD) and is typical for a mid-level designer role in Vancouver, BC, considering the hybrid work model and comprehensive benefits package. The specific in-office days (Tues-Thurs) are a key detail for understanding the operational rhythm of the hybrid arrangement.
šÆ Team & Company Context
š¢ Company Culture
Industry: Home Services / Junk Removal (O2E Brands)
Company Size: O2E Brands is a significant organization, with a large employee base across its brands, indicating a structured environment with established processes.
Founded: O2E Brands has a history of growth and innovation, evidenced by its multiple "Best Workplaces" accolades, suggesting a culture that values employee well-being and development.
Team Structure:
-
Reporting: Reports to the Director, Digital Experience & Ecommerce, with a dotted line to the Manager, UX Design. This indicates a focus on strategic digital initiatives with direct UX oversight.
-
Cross-Functional Collaboration: Works closely with E-commerce, Marketing, UX Designers, Developers, and Product Managers, highlighting a highly collaborative and integrated operational approach.
-
Specialization: The role is specialized within the Digital Experience team, focusing on Webflow implementation and UI design, suggesting a dedicated operational unit for web asset creation and management.
Methodology:
-
Agile & Iterative: Exposure to agile or iterative workflows is preferred, indicating a dynamic development process that values continuous improvement and adaptation.
-
Data-Driven: Emphasis on using data-driven insights from UX research and usability testing to inform design decisions and improve user experience.
-
Design System Approach: Focus on building a reusable Webflow component library aligned with a broader design system, promoting consistency and efficiency in digital asset creation.
Company Website: https://www.1800gotjunk.com/
š Enhancement Note: Being part of O2E Brands, known for its strong workplace culture and multiple "Best Workplaces" awards, suggests a supportive environment for growth and development, particularly beneficial for roles that require close cross-functional collaboration and adherence to brand standards.
š Career & Growth Analysis
Operations Career Level: This role is positioned as a Mid-Level "Web Experience Designer," bridging the gap between pure UI design and direct implementation. It's a crucial operational role within the Digital Experience team, directly contributing to the company's online presence and conversion strategies.
Reporting Structure:
- Reports to the Director, Digital Experience & Ecommerce, indicating a strategic focus.
Operations Impact:
-
Directly impacts the company's online conversion rates and customer acquisition through the design and implementation of high-performing landing pages and website components.
-
Contributes to brand consistency and user experience across digital touchpoints, which is vital for customer engagement and trust.
Growth Opportunities:
-
Skill Deepening: Opportunity to become an expert in Webflow implementation, design systems, and advanced responsive design techniques.
-
UX Acumen: Gain deeper exposure and mentorship in UX research, usability testing, and accessibility standards, broadening the scope of expertise.
-
Cross-Functional Leadership: Develop stronger stakeholder management and communication skills by working closely with various departments.
-
Strategic Contribution: Potential to influence the evolution of the company's digital experience strategy and contribute to larger digital transformation initiatives.
-
Career Progression: Potential pathways to Senior Web Designer, UX/UI Lead, or Digital Operations Specialist roles.
š Enhancement Note: The hybrid reporting structure and the blend of design and implementation skills offer a unique growth trajectory, allowing for specialization within digital operations and potential movement into more strategic or leadership roles within the digital experience domain.
š Work Environment
Office Type: Hybrid Work Environment. Team members work in-office every other week, with core attendance required Tuesday-Thursday from 9 AM - 3 PM. This structure aims to balance remote flexibility with in-person collaboration.
Office Location(s):
- Primarily based in Vancouver, BC, with a requirement for in-office presence on specific days.
Workspace Context:
-
Collaborative Hub: The designated in-office days are structured to facilitate collaboration, team meetings, and cross-functional alignment, essential for operational synergy.
-
Technology Integration: Access to necessary design and development tools (Figma, Webflow) and potentially company-specific internal systems.
-
Team Interaction: Opportunities to engage with UX designers, E-commerce managers, marketers, and developers during in-office weeks, fostering a strong team dynamic and knowledge sharing.
Work Schedule:
-
Full-time, with a standard 40-hour work week.
-
The hybrid schedule provides flexibility for remote work, balanced with structured in-office collaboration days to support operational continuity and team cohesion.
š Enhancement Note: The specific in-office days (Tues-Thurs) suggest a deliberate strategy for maximizing collaborative impact during the hybrid work weeks, crucial for teams that rely on synchronous communication and in-person brainstorming for design and development operations.
š Application & Portfolio Review Process
Interview Process:
-
Pre-Screen: Initial conversation to assess experience, career aspirations, and enthusiasm for the role and company.
-
Interviews: Two or more interviews with various team members, including structured competency-based and scenario-based questions to evaluate skills and cultural fit.
-
Presentation/Assessment: A practical assessment or presentation, likely involving a design challenge or a portfolio walkthrough, to evaluate hands-on skills and strategic thinking.
-
References & Background Check: Standard final steps to verify employment history and suitability.
Portfolio Review Tips:
-
Webflow Focus: Clearly highlight your Webflow expertise. Be prepared to demonstrate live projects, discuss your approach to class structures, CMS, and interactions.
-
Design-to-Implementation Narrative: Walk through a project from initial brief to final Webflow implementation. Explain the design decisions and the technical considerations you addressed.
-
Component Strategy: Discuss your experience with creating reusable components. Explain the benefits and how you ensure consistency.
-
Problem/Solution: For each project, clearly articulate the problem you were solving, your design solution, and the outcome (especially if it relates to conversion or user experience improvements).
-
Collaboration Examples: Be ready to discuss how you collaborated with UX designers, developers, or marketing teams, providing specific examples of your contributions.
Challenge Preparation:
-
Design & Build Task: Expect a potential challenge that requires you to design a small component or page and then demonstrate how you would build it in Webflow, or a similar task that tests your practical skills.
-
Scenario-Based Questions: Prepare to answer questions about how you would approach specific design or implementation challenges, such as improving a landing page's conversion rate or ensuring accessibility.
-
Webflow Best Practices: Brush up on Webflow best practices for clean class naming, efficient builds, and SEO considerations.
š Enhancement Note: The emphasis on a "Presentation/Assessment" and the need to showcase Webflow skills strongly suggests that candidates should prepare a portfolio that goes beyond static mockups to include live examples or detailed walkthroughs of functional Webflow projects.
š Tools & Technology Stack
Primary Tools:
-
Webflow: The core platform for website building and implementation. Proficiency in its visual editor, CMS, interactions, and component creation is essential.
-
Figma: Used for UI design, prototyping, creating design specifications, and potentially for collaborating on design systems. Intermediate to advanced proficiency is required.
Analytics & Reporting:
CRM & Automation:
- Not directly part of this role's core toolset, but awareness of how website interactions feed into CRM systems or marketing automation platforms could be advantageous.
š Enhancement Note: The technology stack is highly focused on Webflow and Figma, emphasizing the role's specialized function in translating design into a functional, implemented web experience. Understanding how these platforms integrate with broader marketing and sales technology stacks is a plus.
š„ Team Culture & Values
Operations Values:
-
Customer-Centricity: A strong focus on user needs and experience, driven by UX research and usability testing to ensure designs meet user expectations and drive conversions.
-
Collaboration & Teamwork: Emphasis on working closely with cross-functional teams (E-commerce, Marketing, UX, Development) to achieve shared goals and maintain consistency.
-
Innovation & Iteration: A culture that embraces iterative design and continuous improvement, utilizing feedback and data to refine digital experiences.
-
Quality & Craftsmanship: A commitment to high-fidelity design and technically sound Webflow implementation, ensuring a polished and professional online presence.
-
Efficiency & Scalability: Focus on building reusable components and leveraging Webflow's capabilities to create scalable and maintainable website assets.
Collaboration Style:
-
Integrated Approach: Works closely with UX designers to translate insights into tangible designs, and with developers to ensure seamless implementation.
-
Communication-Forward: Proactive communication and clear documentation are key to bridging the gap between design and technical execution.
-
Feedback-Oriented: Values constructive feedback from stakeholders to refine designs and ensure alignment with business objectives.
š Enhancement Note: The company's recognition as a "Best Workplace" suggests a positive and supportive culture that likely values open communication, mutual respect, and a shared commitment to achieving business objectives through collaborative efforts.
ā” Challenges & Growth Opportunities
Challenges:
-
Balancing Design and Implementation: Effectively managing the transition from high-fidelity UI design to direct Webflow implementation, ensuring no loss of detail or functionality.
-
Maintaining Brand Consistency: Ensuring all web designs and implementations adhere to brand guidelines while also meeting specific marketing or e-commerce objectives.
-
Technical Constraints of Webflow: Navigating the specific capabilities and limitations of Webflow to deliver complex designs and interactions.
-
Cross-Functional Alignment: Effectively communicating technical and design considerations to non-technical stakeholders and ensuring buy-in.
Learning & Development Opportunities:
-
Webflow Mastery: Deepen expertise in advanced Webflow features, custom code integration, and performance optimization.
-
Design System Contribution: Play a key role in evolving and maintaining the company's design system, potentially leading to more strategic design operations work.
-
UX Research Exposure: Gain hands-on experience and mentorship in usability testing, user research methodologies, and accessibility standards.
-
Agile Methodologies: Further develop skills in agile development processes and iterative design workflows.
š Enhancement Note: This role offers a strong opportunity for specialized growth within the digital experience domain, particularly for those who enjoy hands-on building and want to become experts in a leading visual development platform like Webflow.
š” Interview Preparation
Strategy Questions:
-
How would you approach designing and implementing a new landing page for a specific marketing campaign, considering conversion goals and brand guidelines?
-
Describe your process for creating and managing reusable components within Webflow. What are the benefits and challenges?
-
How do you ensure accessibility and responsiveness in your Webflow designs and implementations?
Company & Culture Questions:
-
Why are you interested in 1-800-GOT-JUNK? and this specific role?
-
How do you stay updated on the latest trends in Webflow development and UI/UX design?
-
Describe your ideal hybrid work environment and how you ensure productivity and collaboration.
Portfolio Presentation Strategy:
-
Structure Your Narrative: For each project, clearly state the objective, your role, the challenge, your solution (design and implementation), and the outcome.
-
Highlight Webflow: Focus on projects where you built directly in Webflow. Be ready to demo live sites or provide walkthroughs of the Webflow project settings.
-
Showcase Responsiveness & Interactions: Demonstrate how your designs adapt across devices and how you've implemented engaging interactions.
-
Quantify Impact: If possible, use data or metrics to show the impact of your work, especially concerning conversion rates or user engagement.
-
Be Prepared for Technical Questions: Anticipate questions about your Webflow techniques, class naming conventions, CMS structure, and any custom code used.
š Enhancement Note: Given the role's emphasis on Webflow implementation, interviewers will likely want to see practical skills demonstrated through a portfolio and potentially a hands-on assessment. Be ready to articulate your technical choices and design rationale clearly.
š Application Steps
To apply for this Web Experience Designer position:
-
Submit your application through the provided link on the recruiting portal.
-
Portfolio Customization: Tailor your portfolio to prominently feature your Webflow and Figma skills. Include at least 2-3 strong projects that showcase your ability to design and build responsive, conversion-focused web experiences.
-
Resume Optimization: Ensure your resume clearly highlights your experience with Webflow, UI design, responsive layouts, and any experience with component libraries or design systems. Use keywords from the job description like "Webflow," "UI Design," "Figma," and "Reusable Components."
-
Interview Preparation: Practice articulating your design process, your Webflow development approach, and how you collaborate with teams. Prepare to discuss specific projects from your portfolio in detail.
-
Company Research: Familiarize yourself with 1-800-GOT-JUNK?'s brand, website, and digital presence. Understand their target audience and business goals to better align your application and interview responses with their needs.
ā ļø 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.
Application Requirements
Candidates must be detail-oriented UI designers with intermediate/advanced proficiency in Webflow and Figma, possessing at least two years of professional UI design experience and a foundational understanding of UX. A strong portfolio showcasing responsive layouts and attention to detail is required, along with familiarity with accessibility and design system principles.