Framer Website Designer

📍 Job Overview

Job Title: Framer Website Designer

Company: Air Apps

Location: San Francisco, California, United States

Job Type: Full-Time

Category: Web Design / GTM Operations Support

Date Posted: January 16, 2026

Experience Level: Mid-Level (3-5+ years)

Remote Status: On-site

🚀 Role Summary

• Framer Website Design & Development: Spearhead the creation and implementation of high-performance, visually compelling, and responsive websites and landing pages using Framer, directly impacting user engagement and brand perception.

• Cross-Functional Collaboration: Partner closely with SEO professionals, brand, marketing, and product teams to ensure web experiences align with business objectives, brand vision, and performance goals.

• Performance & Optimization Focus: Drive continuous improvement by monitoring site analytics, user behavior, and implementing A/B testing strategies to enhance discoverability, loading speed, and overall user experience.

• Brand Consistency & Scalability: Maintain and evolve Air Apps' web presence in line with brand guidelines, while developing modular components and templates for scalable site structures.

📝 Enhancement Note: While the title is "Framer Website Designer," the core responsibilities and collaboration with SEO and marketing teams indicate a strong GTM (Go-To-Market) operations support function. This role is critical for the effectiveness of marketing campaigns and lead generation by ensuring the digital front door is optimized and aligned with business goals. The emphasis on analytics and A/B testing further solidifies its operational significance.

📈 Primary Responsibilities

• Design and build responsive, accessible, and engaging websites and landing pages using Framer, ensuring a seamless user experience across all devices.

• Collaborate with SEO professionals to integrate search engine optimization best practices into the design and development process, optimizing for discoverability and site performance.

• Partner with cross-functional stakeholders from brand, marketing, and product teams to translate business goals and messaging into effective web designs.

• Develop modular components and reusable templates to establish and maintain scalable site structures, contributing to design system efficiency.

• Uphold and advance the visual identity of Air Apps' web presence by strictly adhering to and evolving brand guidelines.

• Monitor website analytics and user behavior data to identify areas for improvement and inform iterative design enhancements and A/B testing initiatives.

• Stay current with the latest web design trends, Framer updates, and emerging best practices in site performance, accessibility, and SEO.

📝 Enhancement Note: The responsibilities highlight a blend of creative design and technical execution with a strong operational focus on performance and user engagement, aligning with GTM operational support for marketing initiatives.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating practical application of design principles and Framer proficiency is paramount.

Experience: Approximately 3–5+ years of hands-on experience in website design and development, with a significant focus on visual storytelling and user experience (UX).

Required Skills:

• Framer Proficiency: Deep expertise in designing and building websites and interactive experiences using Framer, supported by a robust portfolio of live projects or case studies.

• Web Design Principles: Solid understanding of fundamental design concepts including layout, visual hierarchy, typography, color theory, and mobile-first design methodologies.

• User Experience (UX): Proven ability to create intuitive and engaging user journeys that align with user needs and business objectives.

• Responsive & Accessible Design: Expertise in designing for various screen sizes and ensuring compliance with accessibility standards (e.g., WCAG) for inclusivity.

• SEO Fundamentals: Familiarity with SEO principles and how design choices impact search engine rankings and discoverability.

• Collaboration & Communication: Ability to effectively partner with cross-functional teams, including SEO experts, marketing, and product, to achieve shared goals.

• Visual Communication & Prototyping: Strong skills in creating clear visual representations of design concepts and interactive prototypes.

• Attention to Detail: Meticulous approach to design, ensuring accuracy in execution and adherence to brand standards.

• Problem-Solving: Aptitude for identifying design challenges and developing creative, effective solutions.

Preferred Skills:

• Experience contributing to or maintaining a design system, ensuring consistency and efficiency across web assets.

• Familiarity with HTML/CSS or a foundational understanding of front-end development principles.

• Experience designing marketing websites for SaaS, tech, or AI-driven products.

📝 Enhancement Note: The requirements emphasize practical skills and a demonstrable portfolio, especially in Framer, which is a critical tool for this role. The inclusion of SEO and accessibility as requirements, rather than just preferred skills, underscores the operational importance of this design position.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Framer Project Showcase: A curated selection of live websites or detailed case studies built using Framer, demonstrating your proficiency in its features and capabilities.

• Responsive Design Examples: Clear examples showcasing how your designs adapt seamlessly across different devices (desktop, tablet, mobile) and screen resolutions.

• UX/UI Case Studies: Detailed breakdowns of your design process for specific projects, highlighting user research, wireframing, prototyping, and final design implementation. Focus on the problem, your approach, and the outcome.

• Performance Optimization Metrics: If possible, include data or metrics demonstrating the performance of your Framer sites (e.g., loading speed improvements, engagement metrics).

• Brand Consistency Examples: Showcase how you've applied and maintained brand guidelines across different web projects, demonstrating an understanding of brand integrity.

Process Documentation:

• Design Process Workflow: Outline your typical workflow for designing and building a website in Framer, from initial brief to final launch, including collaboration touchpoints.

• Collaboration Protocols: Describe how you typically collaborate with SEO, marketing, and product teams to gather requirements, iterate on designs, and ensure alignment.

• Performance Monitoring & Iteration: Explain your approach to using analytics and user feedback to inform design iterations and A/B testing strategies.

📝 Enhancement Note: A strong portfolio is crucial for this role, as it directly demonstrates the core skills required. The emphasis should be on showcasing Framer proficiency and the ability to create high-performing, on-brand web experiences, supported by data and clear process explanations.

💵 Compensation & Benefits

Salary Range: $100,000 - $125,000 USD per year.

Benefits:

• Apple Hardware Ecosystem: Provision of Apple hardware for work, ensuring a robust and familiar technology environment.

• Annual Bonus: Potential for an annual bonus, recognizing overall company and individual performance.

• Medical Insurance: Comprehensive medical insurance coverage.

• Vision & Dental Insurance: Included as part of the benefits package.

• Life Insurance: Provided to offer financial security for your beneficiaries.

• Disability Insurance: Short-term and long-term disability coverage to protect income in case of incapacitation.

• 401k: Retirement savings plan with employer contribution up to 4%.

• Air Conference: An annual opportunity for team members to connect, collaborate, and foster professional growth.

• Transportation Support: Assistance to help cover commute-related expenses.

• Gym Membership: A subsidized or fully covered gym membership to support employee health and wellness.

Working Hours: Typically 40 hours per week, aligning with a standard full-time schedule.

📝 Enhancement Note: The salary range is competitive for a mid-level designer in San Francisco. The benefits package is comprehensive, with a strong emphasis on health, wellness, and professional development, including unique offerings like the Air Conference and transportation support. The 40-hour work week is standard.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software / AI-Powered Planning Tools / Technology. Air Apps operates in the rapidly evolving AI and productivity software space, focusing on personal and entrepreneurial resource planning.

Company Size: While not explicitly stated, their reach (100 million downloads) and self-funded status suggest a growing, agile organization that likely balances startup energy with established operational processes.

Founded: 2018 in Lisbon, Portugal, indicating a company with a few years of experience building and scaling products.

Team Structure:

• Cross-Functional Collaboration: The role emphasizes close collaboration with SEO professionals, brand, marketing, and product teams, suggesting an integrated GTM approach.

• Reporting: The designer will likely report into a Design Lead or Marketing Manager, with direct interaction with SEO specialists.

• Global Presence: Offices in Lisbon and San Francisco indicate a potentially diverse and internationally-minded team.

Methodology:

• Data-Driven Design: The responsibility to monitor site analytics and user behavior points to a data-informed approach to design and optimization.

• Agile Development: The focus on iterative improvements and A/B testing suggests an agile methodology where continuous feedback loops drive development.

• Brand-Centric: Maintaining and evolving brand guidelines highlights a commitment to consistent brand messaging across all touchpoints.

Company Website: https://www.airapps.com

📝 Enhancement Note: Air Apps appears to be a mission-driven, self-funded company focused on innovation in AI-powered planning tools. The culture likely values speed, ambition, and a collaborative, international approach, with a strong emphasis on data and user experience, especially for its GTM efforts.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Framer Website Designer. It offers a significant opportunity to own web presence design and development, contributing directly to GTM success through optimized digital assets.

Reporting Structure: The designer will work closely with SEO professionals and collaborate with marketing and product teams. Reporting is likely to a Design Lead or Marketing Manager, providing mentorship and project direction.

Operations Impact: The designer's work directly influences lead generation, user acquisition, and brand perception. By creating high-performing, engaging websites and landing pages, they play a crucial role in the effectiveness of marketing campaigns and overall GTM strategy execution.

Growth Opportunities:

• Specialization in Framer & Web Design: Deepen expertise in Framer and advanced web design techniques, becoming a go-to resource for web initiatives.

• GTM Strategy Contribution: Gain a deeper understanding of SEO, marketing analytics, and A/B testing, translating design skills into measurable GTM impact.

• Design System Development: Contribute to or lead the expansion and maintenance of the company's design system, enhancing efficiency and consistency across web properties.

• Cross-Functional Leadership: Potentially move into roles with greater ownership of web strategy, collaborating more broadly across departments to influence product launches and marketing campaigns.

• Mentorship: As experience grows, opportunities to mentor junior designers or contribute to team best practices may arise.

📝 Enhancement Note: This role provides a solid foundation for a career in web design with a strong GTM operational slant. Growth opportunities are tied to expanding technical skills, understanding marketing performance, and contributing to strategic web initiatives.

🌐 Work Environment

Office Type: Onsite role based in the Presidio, San Francisco office. This suggests a traditional office setting designed for in-person collaboration.

Office Location(s): Presidio, San Francisco, California, United States. This specific location offers a unique work environment within a well-known San Francisco landmark.

Workspace Context:

• Collaborative Environment: The emphasis on cross-functional collaboration implies an open and interactive workspace designed to facilitate teamwork.

• Technology Focused: Access to Apple hardware and modern design tools (Framer) indicates a tech-forward workspace.

• Team Interaction: The onsite nature allows for direct interaction with colleagues, fostering quick communication and idea exchange, crucial for design iteration and problem-solving.

Work Schedule: Standard full-time work schedule, likely with some flexibility inherent in creative roles, but anchored by the need for onsite collaboration and team synchronization.

📝 Enhancement Note: The San Francisco office location in the Presidio is a distinctive feature, potentially offering a unique and inspiring work environment. The onsite requirement emphasizes in-person collaboration as a key aspect of the work culture.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio to assess Framer proficiency, design experience, and alignment with requirements.

• Portfolio Presentation & Technical Interview: Candidates will likely present their portfolio, discussing their design process, Framer expertise, and how they've addressed challenges in previous roles. Expect questions on UX, responsive design, and performance optimization.

• Cross-Functional Collaboration Interview: Discussion with representatives from Marketing and/or SEO to assess collaboration style, understanding of GTM objectives, and ability to integrate SEO/performance needs into design.

• Hiring Manager Interview: Deeper dive into experience, problem-solving skills, cultural fit, and alignment with Air Apps' mission and values.

• Practical Exercise (Optional): A small design challenge or take-home assignment may be given to evaluate practical skills, with strict adherence to the "no AI-generated assistance" rule.

Portfolio Review Tips:

• Highlight Framer Expertise: Clearly showcase projects built with Framer, detailing your specific contributions and the technical aspects you handled.

• Tell a Story: For each project, explain the problem, your design process, the tools used (especially Framer), your rationale, and the outcome or impact. Quantify results where possible.

• Demonstrate UX & Responsiveness: Show how you approach user-centered design and ensure your work is effective across all devices.

• Address SEO/Performance: If possible, include examples or discuss how you considered SEO and site performance in your designs.

• Brand Alignment: Show examples of how you've worked within or evolved brand guidelines.

• Clarity and Conciseness: Ensure your portfolio is well-organized, easy to navigate, and clearly articulates your skills and experience.

Challenge Preparation:

• Understand Air Apps: Research Air Apps' product, mission, target audience, and current web presence.

• Framer Practice: If you haven't used Framer extensively, refresh your skills and explore its latest features.

• SEO & Performance Basics: Brush up on core SEO principles and website performance best practices.

• Brand Guidelines: Familiarize yourself with general brand guideline principles.

• Be Ready to Explain Your Process: Prepare to articulate your design decisions and workflow clearly and logically.

📝 Enhancement Note: The "no AI-generated assistance" disclaimer is a critical point for this application. Candidates must be prepared to demonstrate original work and thought processes. The interview process will likely focus heavily on practical application and collaborative potential within a GTM context.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core platform for website design and development. Deep proficiency is essential.

• Design & Prototyping Software: Tools like Figma, Sketch, or Adobe XD may be used for initial wireframing, prototyping, or asset creation before implementation in Framer.

• Graphic Design Software: Adobe Creative Suite (Photoshop, Illustrator) for creating and editing visual assets.

Analytics & Reporting:

• Web Analytics Platforms: Google Analytics, or similar tools, for monitoring site traffic, user behavior, and campaign performance.

• Framer Analytics: Leverage any built-in analytics or reporting features within Framer.

CRM & Automation:

• CRM (Indirect): While not directly managing a CRM, understanding how website forms and lead capture integrate with systems like Salesforce, HubSpot, or others used by the marketing team is beneficial.

• Marketing Automation Platforms (Indirect): Awareness of how landing pages are used in conjunction with email marketing and automation workflows.

📝 Enhancement Note: Proficiency in Framer is non-negotiable. Familiarity with common design and prototyping tools, along with an understanding of analytics platforms, will be highly advantageous, as these tools support the operational aspect of optimizing web performance and GTM effectiveness.

👥 Team Culture & Values

Operations Values:

• Thinking Bigger & Moving Faster: Embrace an ambitious and proactive mindset, driving innovation and quick execution.

• Data-Driven Decision Making: Utilize analytics and user feedback to inform design choices and optimize web performance for GTM success.

• User-Centricity: Design experiences with the end-user in mind, ensuring accessibility and intuitive navigation.

• Collaboration & Teamwork: Work effectively with cross-functional teams, valuing diverse perspectives and contributing to a shared vision.

• Brand Integrity: Uphold and enhance the Air Apps brand, ensuring consistency and quality across all digital touchpoints.

Collaboration Style:

• Integrated GTM Approach: Work closely with SEO and marketing teams to ensure web designs are strategically aligned with GTM objectives.

• Feedback-Driven Iteration: Openness to receiving and providing constructive feedback to refine designs and improve user experiences.

• Knowledge Sharing: Contribute to team knowledge by sharing insights on Framer best practices, design trends, and performance optimization techniques.

📝 Enhancement Note: The company culture appears to be dynamic and forward-thinking, with a strong emphasis on execution, user experience, and collaborative GTM efforts. The values encourage innovation and a data-informed approach to design.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design Aesthetics with Performance/SEO: The primary challenge will be creating visually appealing and engaging designs that also meet stringent performance, accessibility, and SEO standards.

• Rapid Iteration & A/B Testing: Effectively translating analytics insights and A/B test results into design changes quickly to optimize GTM campaigns.

• Maintaining Brand Consistency: Ensuring visual and messaging consistency across a growing number of web properties and landing pages.

• Staying Ahead of Framer Updates: Keeping pace with new features and best practices within the Framer platform.

Learning & Development Opportunities:

• Deepen Framer Expertise: Become a master of Framer, potentially exploring advanced features, integrations, and custom code capabilities.

• GTM Strategy Acumen: Gain a comprehensive understanding of how web design directly impacts lead generation, conversion rates, and overall marketing effectiveness.

• SEO & Web Performance: Develop a more profound knowledge of technical SEO and web performance optimization techniques.

• Design System Development: Contribute to building and scaling a robust design system for web assets.

• Cross-Functional Project Leadership: Take on more responsibility for web projects, leading initiatives and collaborating with a wider range of stakeholders.

📝 Enhancement Note: This role offers significant opportunities to grow technically in Framer and strategically in GTM operations support, by directly impacting the effectiveness of marketing initiatives through optimized web design.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a high-converting landing page in Framer. How do you ensure it aligns with both brand guidelines and SEO best practices?" (Focus on process, Framer specifics, and GTM alignment)

• "Walk me through a project where you had to balance competing requirements from marketing, product, and engineering. How did you ensure the final design met all needs?" (Highlight collaboration and problem-solving)

Company & Culture Questions:

• "What excites you about Air Apps' mission to create an AI-powered Personal & Entrepreneurial Resource Planner?" (Showcase research and genuine interest)

• "How do you see your role as a Framer Designer contributing to the broader GTM strategy of a company like Air Apps?" (Connect design skills to business impact)

Portfolio Presentation Strategy:

• Structure Your Presentation: Begin with an overview of Air Apps and this role, then present 2-3 key projects that best showcase your Framer skills, UX approach, and GTM impact.

• Framer Focus: For each project, highlight how you used Framer, specific features you leveraged, and any custom solutions you implemented.

• Quantify Impact: Where possible, present metrics related to user engagement, conversion rates, or performance improvements that resulted from your designs.

• Explain Your Process: Clearly articulate your thought process, design decisions, and collaborative steps.

• Address the "No AI" Rule: Be prepared to discuss your personal design workflow and how you ensure originality and avoid AI-generated content in your application materials.

📝 Enhancement Note: Be prepared to demonstrate not just design talent but also a strategic understanding of how web design supports GTM objectives. The "no AI" rule means your original thought process and manual execution will be under scrutiny.

📌 Application Steps

To apply for this Framer Website Designer position:

• Submit your application through the provided Ashby link.

• Curate Your Portfolio: Select 2-4 of your strongest Framer projects that best highlight your skills in responsive design, UX, and GTM alignment. Ensure each project clearly articulates the problem, your solution, and the outcome.

• Tailor Your Resume: Emphasize your Framer expertise, years of experience, and any experience with SEO, performance optimization, or cross-functional collaboration. Use keywords from the job description.

• Prepare Your Portfolio Presentation: Practice walking through your selected projects, focusing on your design process, Framer specifics, and the impact of your work. Be ready to explain how you ensure originality and avoid AI assistance.

• Research Air Apps: Understand their product, mission, target audience, and current web presence to demonstrate genuine interest and alignment during interviews.

⚠️ 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. Pay special attention to the "no AI-generated assistance" disclaimer for application materials.