Webflow Designer

📍 Job Overview

Job Title: Webflow Designer

Company: Pocketpills

Location: Surrey, British Columbia, Canada

Job Type: Other

Category: Digital Design & Development / Marketing Operations

Date Posted: 2025-10-10

Experience Level: 2-5 Years

Remote Status: Hybrid

🚀 Role Summary

• Design, build, and maintain responsive websites and landing pages using Webflow to enhance Pocketpills' digital presence and user engagement.

• Collaborate closely with product marketing and product teams to translate low-fidelity wireframes and innovative ideas into functional, user-friendly, and visually appealing digital experiences.

• Optimize websites for performance, accessibility, and SEO to ensure maximum reach and impact for marketing campaigns and user journeys.

• Develop engaging micro-interactions, animations, and sophisticated layouts within Webflow to elevate user experience and brand perception.

• Manage and map CMS collections, integrations, and updates within Webflow, ensuring content is dynamic and easily manageable by non-technical teams.

📝 Enhancement Note: This role is positioned within a hybrid work environment, requiring a blend of on-site collaboration and remote flexibility. The core focus is on leveraging Webflow to drive conversion-optimized digital experiences, aligning with broader GTM and marketing operations objectives. The company's emphasis on a "Delightfully Human" approach suggests a need for empathetic and user-centric design.

📈 Primary Responsibilities

• Webflow Development & Maintenance: Design, build, and maintain responsive websites, landing pages, and microsites using Webflow, ensuring a seamless user experience across all devices.

• Cross-functional Collaboration: Partner with Product Marketing, Product, and other relevant teams to translate creative briefs, wireframes, and strategic objectives into compelling and functional web designs.

• Performance & SEO Optimization: Implement best practices for website performance, accessibility (WCAG standards), and SEO to maximize organic visibility and user engagement.

• UX/UI Enhancement: Create and implement engaging micro-interactions, animations, and intuitive layouts that enhance visual appeal and user journey flow.

• CMS Management: Map, structure, and manage Webflow CMS collections, ensuring efficient content updates and dynamic data integration.

• Technical Troubleshooting & Testing: Conduct regular site accessibility testing, performance analysis, and troubleshooting to identify and resolve issues promptly.

• Best Practice Implementation: Stay current with Webflow features, design trends, and emerging web technologies to continuously improve website quality and functionality.

• Documentation & Knowledge Transfer: Develop and maintain clear documentation for CSS naming conventions, workflows, and site architecture to empower non-technical teams to manage and iterate on content.

• Design Iteration & Experimentation: Proactively drive continuous website design optimization, A/B testing, and experimentation to improve conversion rates and user satisfaction.

📝 Enhancement Note: The emphasis on documentation for non-technical teams indicates a need for strong process thinking and the ability to democratize design and development within the organization, a key characteristic of effective operations roles.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in Digital Design, Human-Computer Interaction, Graphic Design, or a related field is beneficial.

Experience: 2–4 years of professional experience in web design, with a minimum of 1 year of hands-on experience specifically with Webflow.

Required Skills:

• Webflow Expertise: Proven proficiency in designing, building, and maintaining websites and landing pages using Webflow.

• UX/UI Design Principles: Deep understanding of user experience (UX) and user interface (UI) design principles, with a keen eye for visual aesthetics and storytelling.

• Design Prototyping Tools: Proficiency in industry-standard design and prototyping tools such as Figma, Sketch, Adobe Creative Suite, or Relume.

• Front-end Development Fundamentals: Solid knowledge of HTML, CSS, and responsive design best practices to ensure cross-browser and cross-device compatibility.

• Documentation & Communication: Ability to create and maintain clear, concise documentation for technical and non-technical stakeholders, including CSS naming conventions and workflow guides.

• Webflow Ecosystem Knowledge: Proactive ability to research and implement cutting-edge Webflow templates, features, and best practices from the Webflow marketplace and community.

• Optimization & Iteration: A proactive approach to driving continuous website design optimization, experimentation, and improvement based on data and user feedback.

• SEO Fundamentals: Understanding of search engine optimization (SEO) principles as they apply to website structure, content, and performance.

Preferred Skills:

• Webflow Certifications: Webflow Certified Partner, Webflow Practitioner, or Webflow Agency certification.

• Advanced Interactions & Animation: Ability to design and implement advanced interactions, animations, and web-optimized motion graphics within Webflow.

• Marketing Automation Integration: Experience with marketing automation tools such as HubSpot, Zapier, or similar platforms for seamless integration.

• Health Tech/E-commerce Experience: Prior experience working with brands in the health tech or e-commerce sectors, understanding their unique design and user engagement needs.

• Content Migration: Demonstrated success migrating content and layouts from legacy platforms to Webflow, with proven strategies for handling high-volume page builds and CMS structuring.

📝 Enhancement Note: The explicit mention of Webflow certifications and proficiency in Figma/Sketch/Adobe/Relume points to a need for candidates who are not only designers but also technically adept within the Webflow ecosystem, aligning with modern GTM operational requirements for agility and efficiency.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Webflow Project Showcase: A strong, diverse portfolio is mandatory, featuring direct links to live Webflow projects that demonstrate your design capabilities, technical execution, and problem-solving skills.

• UX/UI Case Studies: Include detailed case studies that highlight your process from concept to completion, showcasing how you applied UX/UI principles to achieve specific design goals and user outcomes.

• Responsive Design Examples: Showcase examples of websites and pages that are fully responsive and perform exceptionally across various devices and screen sizes.

• Interaction & Animation Examples: Highlight any projects where you've implemented custom interactions, animations, or micro-interactions to enhance user engagement and experience.

Process Documentation:

• Workflow Design & Optimization: Demonstrate your ability to design efficient design and development workflows, particularly within the Webflow environment, and how you optimize them for speed and quality.

• Implementation & Automation: Provide examples of how you've implemented Webflow features, CMS structures, and potentially integrated third-party tools to automate processes or enhance functionality.

• Measurement & Performance Analysis: Showcase how you track and analyze website performance, accessibility, and user engagement metrics, and how this data informs your design iterations.

📝 Enhancement Note: For this role, the portfolio is critical for demonstrating practical Webflow application and UX/UI expertise. Candidates should be prepared to walk through their projects, explaining their design choices, technical implementation within Webflow, and the impact of their work on user experience and business objectives.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a Webflow Designer with 2-5 years of experience in the Vancouver metropolitan area, the estimated annual salary range is CAD $65,000 - $85,000. This range accounts for the hybrid work arrangement, required technical proficiency, and the specialist nature of Webflow expertise within a growing tech company.

Benefits:

• Comprehensive Health Coverage: Includes dental and vision care, as well as extended health care coverage.

• Insurance: Disability insurance and life insurance are provided for added financial security.

• Paid Time Off: Generous paid time off, including vacation days, to support work-life balance.

• Retirement Savings: A Group Retirement Savings Plan (GRSP) to help plan for the future.

• Work-Life Balance: A supportive environment that values employee well-being.

Working Hours: The standard working hours are approximately 40 hours per week, with flexibility potentially available given the hybrid work arrangement and the nature of design work.

📝 Enhancement Note: The estimated salary range is based on research from Canadian job boards and salary aggregators for similar roles in the Greater Vancouver area, considering the specified experience level and the hybrid work model. Pocketpills' commitment to employee well-being is reflected in their comprehensive benefits package.

🎯 Team & Company Context

🏢 Company Culture

Industry: Healthcare Technology / E-commerce Pharmacy. Pocketpills operates in a rapidly evolving sector, blending digital innovation with essential healthcare services to improve patient access and care.

Company Size: While not explicitly stated, the mention of "over 800,000 Canadians" served suggests a significant scale of operations, likely placing Pocketpills in the mid-to-large enterprise category (e.g., 200-500+ employees). This implies a structured yet agile environment.

Founded: The company was founded as a solution to perceived inefficiencies in traditional healthcare access, driven by a passion for innovation and customer care. This founding principle likely permeates the company culture, fostering a problem-solving and user-centric mindset.

Team Structure: The Webflow Designer will likely collaborate closely with the Marketing team (specifically Product Marketing) and the Product team. The design function may sit within Marketing or a dedicated Digital Experience team, reporting up through a Marketing Director or Head of Product/Design.

Methodology: Pocketpills emphasizes a "Delightfully Human" approach, suggesting a culture that values empathy, user-centricity, and proactive problem-solving. Their re-imagining of healthcare points to an iterative, data-informed, and innovative operational methodology.

Company Website: [Pocketpills Website URL]

📝 Enhancement Note: As a health-tech company, Pocketpills likely adheres to rigorous data privacy and security standards, which may influence design and development processes. The "human" aspect of their brand suggests a focus on clear communication, intuitive interfaces, and a supportive team environment.

📈 Career & Growth Analysis

Operations Career Level: This role is an individual contributor position focused on specialized design and development execution within the Webflow platform. It sits at an intermediate to senior level, requiring proven experience and the ability to work autonomously.

Reporting Structure: The Webflow Designer will likely report to a Marketing Manager, Head of Digital Marketing, or a Product Design Lead. They will collaborate extensively with Product Marketing Managers and potentially Product Managers or Engineers.

Operations Impact: The Webflow Designer's work directly impacts the company's top of funnel (lead generation via landing pages) and overall brand perception (website aesthetics, user experience). Their ability to create conversion-optimized digital assets is crucial for GTM success and revenue generation.

Growth Opportunities:

• Specialization: Deepen expertise in Webflow, advanced interactions, and Webflow-specific SEO and performance optimization techniques.

• Cross-functional Skill Development: Gain exposure to broader marketing operations, product development lifecycles, and A/B testing methodologies.

• Leadership Potential: With proven success and expanded responsibilities, potential to move into a Lead Web Designer role, mentor junior designers, or transition into a broader Digital Experience or Marketing Operations role.

• Industry Exposure: Develop specialized knowledge in the health tech and online pharmacy sectors.

📝 Enhancement Note: The growth potential here leans towards specialization within the Webflow ecosystem and adjacent digital marketing operations functions, rather than traditional management hierarchies, reflecting the specialized nature of the role.

🌐 Work Environment

Office Type: Hybrid. This role involves a combination of working from home and working in the office located in Surrey, British Columbia.

Office Location(s): Surrey, British Columbia, Canada. Specific office address details would be provided upon inquiry or during the interview process.

Workspace Context:

• Collaborative Environment: The hybrid model suggests opportunities for in-person collaboration with marketing and product teams, fostering idea exchange and synergy.

• Tools & Technology: Access to industry-standard design software (Figma, Sketch, Adobe) and the full suite of Webflow capabilities. The company likely provides necessary hardware and software licenses.

• Team Interaction: Regular interaction with cross-functional teams, including product marketing, product management, and potentially customer support or engineering, to gather requirements and feedback.

Work Schedule: The role is likely full-time, with approximately 40 hours per week. The hybrid nature may offer some flexibility in terms of daily start/end times, provided core collaboration hours and project deadlines are met.

📝 Enhancement Note: The hybrid arrangement requires strong self-management skills and effective communication to bridge the gap between remote and in-office interactions, a common requirement in modern operations roles.

📄 Application & Portfolio Review Process

Interview Process:

1. Application Screening: Review of resume and portfolio links for relevant Webflow experience and design skills.

2. Initial Interview (Hiring Manager/Recruiter): Discussion about experience, motivations, and cultural fit. Focus on Webflow proficiency and project examples.

3. Technical/Portfolio Review: In-depth review of the candidate's portfolio with the hiring manager or a senior designer/developer. This may involve a live walkthrough of selected projects, discussing design decisions, technical implementation in Webflow, and problem-solving approaches.

4. Skills Assessment/Design Challenge: Potentially a small take-home design challenge or a live exercise focusing on translating a wireframe into a Webflow page, or optimizing an existing design.

5. Cross-functional Interview: Meeting with key stakeholders from Product Marketing or Product to assess collaboration style and understanding of business objectives.

6. Final Interview & Offer: Discussion with senior leadership and offer extension.

Portfolio Review Tips:

• Curate Wisely: Select 3-5 of your strongest Webflow projects that best showcase your skills relevant to this role. Prioritize projects with clear problem statements, design solutions, and measurable outcomes.

• Showcase Webflow Specifics: Clearly articulate your process within Webflow, including CMS structuring, custom interactions, and any performance optimizations.

• Explain Your "Why": Be prepared to articulate the rationale behind your design decisions, linking them to UX/UI principles and business goals.

• Highlight Collaboration: If possible, mention how you collaborated with clients or internal teams on these projects.

• Quantify Impact: Where possible, include metrics on how your designs improved user engagement, conversion rates, or site performance.

Challenge Preparation:

• Focus on Webflow: If a challenge is given, ensure your solution is built using Webflow best practices.

• Translate Wireframes: Practice converting low-fidelity wireframes into high-fidelity, responsive designs quickly.

• Demonstrate Responsiveness: Be ready to show how your design adapts across breakpoints.

• Consider SEO/Performance: Think about how your design choices impact SEO and loading speed.

📝 Enhancement Note: The emphasis on a "strong portfolio showcasing Webflow projects" and the potential for a "design challenge" highlights the practical, execution-focused nature of this role. Candidates should be ready to demonstrate their hands-on Webflow skills and design thinking process.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: Core platform for website design, development, and CMS. Expertise in its designer, editor, CMS, and interactions panel is essential.

• Design & Prototyping: Figma, Sketch, Adobe Creative Suite (Photoshop, Illustrator, XD), Relume (for sitemaps and wireframing).

• Collaboration & Documentation: Tools like Slack, Google Workspace (Docs, Sheets), Confluence, or similar for team communication and knowledge sharing.

Analytics & Reporting:

• Webflow Analytics: Basic site traffic and performance data within Webflow.

• Google Analytics: For deeper insights into user behavior, traffic sources, and conversion tracking.

• Hotjar/Similar: For heatmaps, session recordings, and user feedback to inform design iterations.

CRM & Automation:

• Marketing Automation Tools (Preferred): HubSpot, Zapier, or similar platforms for potential integration of landing pages with marketing workflows. Understanding how Webflow sites can connect to these systems is a plus.

📝 Enhancement Note: Proficiency in Webflow is paramount, but familiarity with design tools and an understanding of how websites integrate with marketing automation and analytics platforms are crucial for optimizing their impact within the GTM strategy.

👥 Team Culture & Values

Operations Values:

• Human-Centricity: A commitment to creating "Delightfully Human" experiences, meaning designs should be intuitive, empathetic, and user-focused.

• Innovation: A drive to re-imagine and improve processes and services, particularly in the healthcare space.

• Efficiency & Agility: The ability to build and iterate quickly, ensuring the company stays competitive and responsive to market needs.

• Collaboration: Working effectively across teams to achieve shared goals, with a focus on clear communication and mutual support.

• Data-Driven Improvement: Using analytics and testing to inform design decisions and continuously optimize performance.

Collaboration Style:

• Cross-functional Integration: The role requires close collaboration with Product Marketing and Product teams, necessitating strong communication and the ability to translate diverse needs into cohesive designs.

• Feedback Exchange: An open environment for giving and receiving constructive feedback on designs and workflows.

• Knowledge Sharing: Willingness to share best practices, Webflow tips, and documentation to empower other team members.

📝 Enhancement Note: The company's "Delightfully Human" ethos suggests a culture that values empathy, transparency, and a supportive team environment, which candidates should reflect in their interactions and portfolio presentations.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design & Technical Constraints: Effectively translating complex requirements into functional, aesthetically pleasing Webflow sites while adhering to platform limitations and performance best practices.

• Rapid Iteration & Optimization: Keeping pace with marketing campaign needs and continuously optimizing existing web assets for performance and conversion in a dynamic digital landscape.

• Cross-functional Alignment: Ensuring design solutions meet the diverse needs and expectations of various stakeholders (marketing, product, legal, etc.).

• Staying Ahead of Webflow Evolution: Continuously learning and adapting to new Webflow features, integrations, and industry design trends.

Learning & Development Opportunities:

• Advanced Webflow Skills: Pursuing Webflow certifications, mastering complex interactions, and exploring advanced CMS capabilities.

• UX Research & Testing: Developing skills in user research methodologies and A/B testing to further refine design strategies.

• Marketing Operations Fundamentals: Understanding the broader context of marketing campaigns, lead generation funnels, and CRM integrations.

• Health Tech Industry Insights: Gaining specialized knowledge within the unique challenges and opportunities of the health tech sector.

📝 Enhancement Note: The challenges presented are typical for a specialist role in a fast-paced tech company, offering ample opportunity for skill development and professional growth within the digital design and marketing operations domain.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to translate a complex wireframe into a functional Webflow site. What were the key challenges, and how did you overcome them?" (Focus on problem-solving, Webflow execution, and communication.)

• "How do you approach optimizing a Webflow page for both SEO and user experience simultaneously?" (Tests understanding of core design principles and their impact.)

Company & Culture Questions:

• "What interests you about Pocketpills and our mission to 're-imagine healthcare'?" (Assesses research and alignment with company values.)

• "How would you contribute to a 'Delightfully Human' digital experience through your Webflow designs?" (Connects design philosophy to company ethos.)

Portfolio Presentation Strategy:

• Structured Narrative: For each project, outline the challenge, your approach/solution, the tools and techniques used (especially Webflow specifics), and the outcomes.

• Visual Demonstration: Be ready to share your screen and navigate through live websites or prototypes, pointing out key design elements and functionalities.

• Focus on Webflow: Emphasize your specific contributions within Webflow, including CMS setup, custom code snippets (if any), interactions, and responsiveness.

• Quantify Success: Whenever possible, use metrics to demonstrate the impact of your design work on user behavior or business goals.

📝 Enhancement Note: Candidates should prepare to speak extensively about their Webflow expertise and demonstrate a clear understanding of how design directly contributes to business objectives, particularly in a conversion-driven context.

📌 Application Steps

To apply for this Webflow Designer position:

• Submit your application through the provided BambooHR link, ensuring all required fields are completed accurately.

• Portfolio Optimization: Ensure your resume clearly highlights your Webflow experience and includes direct links to your portfolio. Prioritize showcasing projects that demonstrate responsiveness, UX/UI principles, and successful Webflow builds.

• Resume Tailoring: Customize your resume to align with the key responsibilities and requirements listed, using keywords such as "Webflow," "UX/UI," "responsive design," "Figma," and "HTML/CSS."

• Cover Letter (Optional but Recommended): Briefly articulate your passion for Pocketpills' mission and how your Webflow design skills can contribute to their "Delightfully Human" approach to healthcare.

• Interview Preparation: Review common interview questions for design roles, and specifically prepare to discuss your Webflow projects in detail, focusing on process, technical execution, and outcomes.

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

---