Webdesigner (Framer) [gn]

📍 Job Overview

Job Title: Webdesigner (Framer) [gn]

Company: LUMASERV

Location: Remote OK (Koblenz, Rhineland-Palatinate, Germany / Bavaria, Germany)

Job Type: Freelancing, Part-Time

Category: Web Design & Development Operations

Date Posted: May 19, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• This role focuses on the end-to-end design and implementation of modern websites and landing pages, leveraging Framer as the primary development tool.

• It requires a strong collaboration with cross-functional teams (Design, Content, Clients) to ensure seamless integration of visual assets into performant, responsive, and user-friendly web experiences.

• The position emphasizes a modern design-to-web workflow, starting from Figma and culminating in a polished Framer implementation with a keen eye on SEO and accessibility best practices.

• The role involves client interaction for feedback, adjustments, and feature development, requiring excellent communication and stakeholder management skills.

📝 Enhancement Note: While the title is "Webdesigner," the detailed responsibilities and required skills heavily lean into front-end development and operations within the design-to-web workflow. This role bridges design and technical implementation, requiring a blend of aesthetic sensibility and functional web development understanding. The "gn" likely signifies "gender neutral" in German job postings.

📈 Primary Responsibilities

• Implement modern websites and landing pages using Framer, translating approved Figma designs into functional web experiences.

• Ensure a clean and efficient design-to-web setup, maintaining consistency across all implemented elements.

• Meticulously focus on responsive design, optimal page performance, and consistent User Experience/User Interface (UX/UI) across all devices and browsers.

• Integrate Search Engine Optimization (SEO) best practices and Web Content Accessibility Guidelines (WCAG) principles into both the design and implementation phases.

• Support the continuous development of reusable components, flexible layouts, and consistent design patterns within Framer.

• Engage directly with clients to gather feedback, implement necessary adjustments, and develop new features for ongoing projects.

• Drive innovation and enthusiasm for modern user experiences and visually appealing, clean web implementations.

• Contribute to the integration of analytics and tracking functionalities within the developed web pages.

📝 Enhancement Note: The responsibilities highlight a hands-on implementation role with a strong emphasis on quality, performance, and client-facing communication. The mention of "Analytics- or Tracking-Integrationen" suggests a need for basic understanding of how user data is collected and analyzed, a key aspect of digital operations.

🎓 Skills & Qualifications

Education: Not specified, but a strong portfolio and practical experience are paramount.

Experience: Minimum of 2-5 years of experience in web design and implementation, with a focus on modern workflows and tools.

Required Skills:

• Proven experience with Framer for website and landing page development.

• Proficiency in Figma for design handoff and asset management.

• Strong understanding and practical application of responsive web design principles.

• Solid grasp of UX/UI design fundamentals and their implementation in web development.

• Good aesthetic sense for modern digital design trends and best practices.

• Fundamental understanding of React and core web standards (HTML, CSS).

• Knowledge of SEO best practices and accessibility (a11y) standards.

• Self-motivated and structured approach to work, with excellent time management skills.

Preferred Skills:

• Experience with advanced animations and interactive elements within Framer.

• Hands-on experience with integrating analytics and tracking tools (e.g., Google Analytics, Tag Manager).

• Experience developing and maintaining corporate websites or managing landing page systems.

• A strong portfolio showcasing relevant Framer projects and design-to-web implementations.

📝 Enhancement Note: The "wünschenswerte Qualifikationen" (desirable qualifications) directly point towards candidates who can bring immediate value in more advanced areas like dynamic content, performance monitoring, and enterprise-level website solutions, which are critical for efficient GTM operations.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 significant projects built with Framer, demonstrating a range of design and implementation capabilities.

• Clearly articulate the design-to-web workflow used for each project, highlighting the transition from Figma to Framer.

• Demonstrate a strong understanding of responsive design across various breakpoints and devices.

• Include examples that highlight your attention to performance optimization and accessibility standards.

Process Documentation:

• Be prepared to discuss your typical workflow for taking a design from Figma to a live Framer site, including any quality assurance steps.

• Outline your approach to ensuring responsiveness and performance optimization during the implementation phase.

• Describe how you incorporate SEO and accessibility best practices into your development process.

📝 Enhancement Note: For a role bridging design and development, a portfolio is crucial. The emphasis on Framer and the design-to-web workflow suggests that candidates should be ready to detail their process, making it a key differentiator. This aligns with operations roles that value documented, repeatable, and efficient processes.

💵 Compensation & Benefits

Salary Range: As this is a freelancing/part-time role, compensation will be based on an hourly rate. Given the mid-level experience, Framer expertise, and required German/English fluency, a competitive rate in Germany would likely range from €40 - €65 per hour, depending on experience and specific project scope.

Benefits:

• Flexible Work Arrangement: Fully remote with a minimum commitment of 8 hours per week, with potential for increased hours and long-term collaboration.

• Modern Technical Equipment: Access to up-to-date tools and technology to facilitate efficient work.

• Freedom to Implement Own Ideas: Opportunity to contribute creatively and technologically, bringing your own innovative solutions to projects.

• Short Decision-Making Paths: A dynamic environment that allows for quick approvals and agile project execution, minimizing operational bottlenecks.

• Impactful Projects: Work on cloud and infrastructure projects with significant impact, serving millions of users in sectors like administration, education, and research.

Working Hours: Minimum of 8 hours per week, with a clear indication of potential for increase. Flexibility in scheduling is implied given the remote and freelance nature.

📝 Enhancement Note: The salary range is an estimate based on typical freelance rates for skilled web designers/developers in Germany with specialized tool expertise (Framer) and bilingual capabilities. The benefits highlight a supportive and efficient work environment, crucial for freelance operations.

🎯 Team & Company Context

🏢 Company Culture

Industry: Cloud & Infrastructure Technology, IT Services. LUMASERV operates in a critical sector, providing high-availability platforms and scalable solutions for public administration, education, and research. This implies a need for reliability, security, and data privacy in all operations.

Company Size: LUMASERV is likely a small to medium-sized enterprise (SME), given the mention of "short decision-making paths" and a culture that allows "freedom to implement own ideas." This often translates to agile teams where individual contributions are highly visible and impactful.

Founded: The founding date is not provided, but the company's focus on modern cloud and infrastructure projects suggests a relatively contemporary establishment or a significant evolution towards current technologies.

Team Structure:

• The role implies integration into project teams that likely include designers, content creators, and potentially client managers or project leads.

• Collaboration is expected to be cross-functional, with direct interaction with clients.

Methodology:

• LUMASERV emphasizes pragmatic execution ("Dinge pragmatisch umsetzt"), solution-oriented teamwork, and delivering functional results ("Lösungen schaffst, die wirklich funktionieren").

• The company values innovation and empowers its team members to bring forward and implement their own ideas.

• The operational focus is on creating reliable, secure, and privacy-compliant systems with a European standard.

Company Website: lumaserv.com

📝 Enhancement Note: LUMASERV's mission and values suggest an environment that values efficiency, innovation, and tangible results. For a web designer role, this means contributing to high-impact projects that require robust and well-executed digital interfaces, aligning with the operational excellence expected in the cloud infrastructure domain.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level Web Designer with a focus on Framer implementation. It's a specialized role within the broader GTM or creative operations function, requiring a blend of design and front-end development skills. The "gn" designation implies an inclusive hiring practice.

Reporting Structure: As a freelancer or part-time employee, the reporting structure would likely be to a Project Manager, Lead Designer, or a Head of Digital/Marketing. Direct collaboration with clients is also a key aspect.

Operations Impact: The web designer's output directly impacts LUMASERV's brand perception, client acquisition (through landing pages), and user experience for their service platforms. High-quality, performant, and accessible websites are critical for effective Go-To-Market (GTM) strategies and customer engagement.

Growth Opportunities:

• Increased Project Scope: Transition from specific landing pages to full corporate website development or complex platform interfaces.

• Specialization: Deepen expertise in Framer, advanced animations, or specific areas like web performance optimization and accessibility auditing.

• Client Management: Develop stronger client-facing skills, taking on more responsibility in client consultations and feedback sessions.

• Long-Term Engagement: Secure ongoing freelance or part-time work with LUMASERV, becoming an integral part of their project delivery team.

• Skill Expansion: Potentially gain exposure to broader digital marketing operations or UI/UX strategy if LUMASERV has such functions.

📝 Enhancement Note: The growth opportunities emphasize skill deepening and increased responsibility within the freelance or part-time framework, offering a path for specialized career development in a niche but valuable area of web development and digital operations.

🌐 Work Environment

Office Type: The role is explicitly "Remote OK," with options for remote work from home or potentially from a physical office location in Koblenz. The "Home Office 10" suggests a remote-first or hybrid approach where individuals can work from their designated home office.

Office Location(s):

• Remote (anywhere within Germany, with specific mention of Bavaria and Koblenz as potential hubs).

Workspace Context:

• Collaborative Environment: Despite being remote, the role emphasizes collaboration with design, content, and clients, suggesting a strong reliance on digital collaboration tools.

• Technology Focus: LUMASERV provides "modern technical equipment," indicating a commitment to equipping their team with the necessary tools for efficient remote work and development.

• Agile Operations: The mention of "short decision-making paths" points to an agile and responsive operational environment, where communication and task execution are streamlined.

Work Schedule: A minimum of 8 hours per week is required, with the potential for this to increase. This allows for flexibility, catering to freelancers who may manage multiple clients or part-time employees seeking work-life balance. The focus is on output and project completion rather than strict adherence to traditional office hours.

📝 Enhancement Note: The remote-first nature, combined with the provision of modern equipment and agile operational processes, creates an environment conducive to efficient and productive work for a specialized web designer.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely a review of your CV and portfolio to assess relevant Framer and Figma experience.

• Technical/Skills Interview: A discussion focusing on your Framer capabilities, design-to-web workflow, responsive design, UX/UI principles, and your understanding of SEO/accessibility. Expect questions about how you approach specific implementation challenges.

• Portfolio Presentation/Walkthrough: You will likely be asked to present 1-2 key projects from your portfolio, discussing your process, design decisions, technical implementation, and the outcomes.

• Cultural Fit & Collaboration Discussion: An assessment of your ability to work collaboratively with design, content, and client teams, and your alignment with LUMASERV's pragmatic, solution-oriented culture.

• Client Interaction Simulation (Potential): You might be asked how you would handle client feedback or specific client requests.

Portfolio Review Tips:

• Highlight Framer Expertise: Clearly showcase projects built specifically with Framer. Detail the functionalities you implemented.

• Demonstrate Workflow: Use case studies to explain your process from Figma to Framer, including how you ensured responsiveness and performance.

• Quantify Impact: If possible, include metrics related to page speed, user engagement, or conversion rates for your implemented designs.

• Showcase Problem-Solving: For each project, describe a challenge you encountered (e.g., a complex layout, a specific interaction) and how you overcame it.

• Accessibility & SEO: Explicitly mention and show examples of how you integrated SEO best practices and accessibility features.

Challenge Preparation:

• Be prepared for a practical task, which might involve a small design-to-web conversion exercise or a discussion about how you would approach a hypothetical implementation challenge in Framer.

• Brush up on your understanding of web performance metrics (e.g., Core Web Vitals) and accessibility standards (WCAG).

• Practice articulating your thought process clearly and concisely, especially when discussing technical implementation details.

📝 Enhancement Note: The emphasis on a portfolio and specific tools like Framer and Figma suggests that the review process will be highly practical and skills-based. Candidates should be ready to demonstrate their abilities and thought processes.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core platform for website and landing page implementation. Proficiency is essential, including understanding its component system, interactions, and design-to-web capabilities.

• Figma: Used for design creation and handoff. Candidates must be adept at interpreting Figma designs and extracting necessary assets and specifications.

Analytics & Reporting:

• Analytics Tools (e.g., Google Analytics): Basic understanding of how to integrate tracking codes and the purpose of analytics in website performance monitoring.

• Performance Monitoring Tools: Familiarity with concepts of website speed and performance optimization.

CRM & Automation:

• Client Communication Tools: Proficiency in using platforms for remote collaboration, feedback exchange, and project management (e.g., Slack, Asana, Trello, email).

• Version Control (Implicit): While not explicitly stated, understanding how to manage design assets and ensure consistency implies an organized approach, akin to version control in development.

📝 Enhancement Note: The technology stack is centered around modern design and no-code/low-code web development tools. Expertise in Framer and Figma is non-negotiable. An understanding of how these tools integrate with analytics and contribute to overall GTM performance is a significant plus.

👥 Team Culture & Values

Operations Values:

• Pragmatism & Solution Orientation: LUMASERV values practical, effective solutions. This means focusing on delivering functional websites that meet project goals without unnecessary complexity.

• Impactful Work: The company aims to create systems with "great impact," serving millions. This translates to a drive for quality and reliability in all deliverables.

• Innovation & Ownership: Team members are encouraged to bring and implement their own ideas, fostering a culture of initiative and continuous improvement.

• Collaboration & Teamwork: Working together to create solutions that "really work" is a core tenet, emphasizing collective effort and shared success.

• European Standards: A commitment to security, data privacy, and quality reflects a high standard of operational integrity.

Collaboration Style:

• Cross-functional Integration: Expect to work closely with designers and content creators, ensuring a cohesive approach from concept to execution.

• Client-Centric Communication: Direct engagement with clients requires clear, professional, and proactive communication.

• Agile & Efficient: The "short decision-making paths" suggest a fast-paced, responsive collaborative environment where feedback is given and incorporated quickly.

📝 Enhancement Note: The company culture emphasizes delivering tangible results through collaboration and innovation. For a web designer, this means contributing to projects that are both technically sound and strategically effective for LUMASERV's business goals.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving Tools: Staying current with the latest features and best practices in Framer, which is a dynamic platform.

• Balancing Design & Performance: Ensuring that visually appealing designs are also highly performant and accessible, a common challenge in web development.

• Client Communication & Expectation Management: Effectively translating client needs into functional web designs and managing feedback loops.

• Remote Collaboration Efficiency: Maintaining seamless communication and productivity within a remote team structure.

Learning & Development Opportunities:

• Deepen Framer Expertise: Gain mastery over advanced features, custom components, and integrations within Framer.

• Expand Technical Skills: Develop a better understanding of underlying web technologies (React, advanced CSS) that inform Framer development.

• Web Performance & Accessibility Specialization: Become an expert in optimizing sites for speed and ensuring compliance with accessibility standards.

• Client Relationship Management: Enhance skills in client communication, project scoping, and feedback integration.

📝 Enhancement Note: The challenges are typical for a specialized digital role, offering significant opportunities for professional growth through focused learning and skill development within a supportive remote environment.

💡 Interview Preparation

Strategy Questions:

• Framer Workflow: "Describe your process for taking a complex Figma design and implementing it in Framer. What are the key steps you ensure are covered?" (Focus on design-to-web, responsiveness, performance, accessibility).

• Problem-Solving: "Imagine a client wants a specific interactive animation that Framer doesn't natively support. How would you approach this?" (Demonstrate creativity, understanding of Framer's limitations, and potential workarounds or alternative solutions).

• Client Feedback: "How do you handle critical feedback from a client on a design you've implemented? Can you give an example?" (Showcase professionalism, active listening, and a collaborative approach to revisions).

Company & Culture Questions:

• "What excites you about LUMASERV's mission and the projects you work on?" (Research their cloud/infrastructure focus, impact, and European standards).

• "How do you stay updated with the latest trends in web design and Framer?" (Highlight continuous learning and passion for the field).

Portfolio Presentation Strategy:

• Storytelling: For each project, tell a story: the client's goal, your approach, the challenges, the solution, and the outcome.

• Focus on Framer: Clearly articulate what you built in Framer and why you chose it.

• Visuals are Key: Use clear screenshots, live links, and potentially short video demonstrations of interactive elements.

• Quantify Results: If you have data on page speed, SEO improvements, or user engagement, present it clearly.

• Be Ready for Technical Deep Dives: Prepare to answer questions about specific implementation details, CSS, responsiveness settings, and Framer's features.

📝 Enhancement Note: The interview preparation emphasizes demonstrating practical skills, strategic thinking, and cultural fit. A strong understanding of Framer and the design-to-web process will be critical, alongside excellent communication and problem-solving abilities.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided application link on the LUMASERV Personio portal.

• Portfolio Customization: Tailor your portfolio to prominently feature your Framer projects. Clearly label and describe your role, the tools used (Figma, Framer), and the specific challenges and solutions for each.

• Resume Optimization: Ensure your resume highlights keywords such as "Framer," "Figma," "Responsive Web Design," "UX/UI," "SEO," "Accessibility," "Freelance," and "Part-Time." Quantify achievements where possible.

• Interview Preparation: Practice articulating your Framer workflow, design-to-web process, and how you handle client feedback. Prepare to present 1-2 key portfolio projects.

• Company Research: Familiarize yourself with LUMASERV's mission, services (cloud, infrastructure), and their emphasis on security, privacy, and European standards. Understand their value proposition to clients in administration, education, and research.

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

---