Frontend & UX Developer:in (m/w/d) mit Fokus auf Vue.js & User Experience at Golfstrom Energy GmbH

📍 Job Overview

Job Title: Frontend & UX Developer:in (m/w/d) mit Fokus auf Vue.js & User Experience

Company: Golfstrom Energy GmbH

Location: Munich, Bavaria, Germany

Job Type: FULL_TIME

Category: UI/UX Design & Frontend Development

Date Posted: 2025-06-12T10:58:07.759

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

Remote Status: On-site

🎨 Role Summary

Shape intuitive user interfaces and user flows with a strong emphasis on user needs and feedback.
Contribute to the development and maintenance of a consistent design system, ensuring design consistency and efficiency.
Translate design concepts into production-ready, component-based frontend applications using Vue.js.
Play a crucial role in a mission-driven team focused on accelerating the transition to 100% renewable energy.

📝 Enhancement Note: The role description clearly indicates a balanced split (50/50) between UX/Design and Frontend Development, suggesting a need for a versatile professional comfortable bridging the gap between creative design and technical implementation within a Lean UX environment.

🖼️ Primary Responsibilities

Independently conceptualize and design User Interfaces (UI) and User Flows based on real user requirements and feedback.
Develop, maintain, and evolve a scalable Design System to ensure consistency and streamline the design-to-development workflow.
Collaborate closely with Product Management and other stakeholders to translate business requirements into user-centered design solutions.
Implement designed interfaces as robust, component-based Vue.js applications, adhering to best practices and coding standards.
Develop and maintain reusable UI components to enhance development speed and consistency across the platform.
Integrate frontend applications with APIs and existing system architectures, ensuring seamless data flow and functionality.
Conduct comprehensive testing and quality assurance of the frontend to deliver high-quality, performant, and accessible user experiences.

📝 Enhancement Note: Based on the "ca. 50%" split, responsibilities are detailed to reflect the dual nature of the role, emphasizing both the creative/strategic aspects of UX/Design and the technical implementation required for Frontend Development, particularly within a Vue.js framework.

🎓 Skills & Qualifications

Education: While not explicitly stated, a degree in Design, Computer Science, Human-Computer Interaction, or a related field is often preferred for roles at this level, providing a strong theoretical foundation in design principles and technical concepts. Practical experience and a strong portfolio are often prioritized over formal education.

Experience: 2-5 years of relevant professional experience in UX/UI Design and Frontend Development, demonstrating a proven track record of successfully designing and implementing user interfaces. A portfolio showcasing both design process and technical implementation skills is essential.

Required Skills:

Solid understanding of UX Principles, Interaction Design, and Visual Design fundamentals.
Proficiency in creating user interfaces and user flows that are intuitive and effective.
Experience with developing and maintaining Design Systems.
Strong command of responsive design principles and attention to typographic detail.
Proven experience with Vue.js or a similar modern JavaScript framework (React, Angular).
Expertise in HTML, CSS, and JavaScript.

Preferred Skills:

Experience with Lean UX methodologies and iterative design processes.
Familiarity with agile development environments.
Knowledge of testing frameworks for frontend applications.
Understanding of accessibility standards (WCAG).

📝 Enhancement Note: The experience level is inferred as Mid-Level (2-5 years) based on the responsibilities and required skills, which demand a degree of independence and proven experience in both design and development. Education is noted as preferred based on typical industry standards for this type of hybrid role.

🎨 Portfolio & Creative Requirements

Portfolio Essentials:

Showcase projects that demonstrate a strong understanding of both UX design process and frontend implementation.
Include case studies that clearly articulate the problem, your design process (research, ideation, testing), and the final implemented solution.
Present visually compelling designs that highlight attention to detail, responsiveness, and adherence to design principles.
If possible, include links to live projects or code repositories (e.g., GitHub) to demonstrate technical proficiency.

Process Documentation:

Detail your approach to user research, including methods used to understand user needs and pain points.
Explain your ideation process, including sketching, wireframing, and prototyping techniques.
Describe your validation and testing methodologies, including user testing, A/B testing, or other feedback mechanisms.

📝 Enhancement Note: Portfolio requirements are detailed to reflect the hybrid nature of the role, emphasizing the need to demonstrate both design thinking and technical implementation skills. Specific guidance on case studies and process documentation is included to help candidates structure their portfolios effectively.

💵 Compensation & Benefits

Salary Range: €48,000 - €67,200 per year (€4,000 - €5,600 per month). This estimate is based on the provided monthly salary range (€4,000 - €5,600) converted to an annual figure. This range is competitive for a Mid-Level Frontend & UX Developer role in Munich, Germany, considering the cost of living and demand for skilled professionals in this area.

Benefits:

Meaningful work contributing to the renewable energy sector.
Cool office located centrally near the main train station (Hauptbahnhof) in Munich.
Office perks including coffee, tea, and kitchen amenities (pasta).
Flat hierarchies promoting open communication and direct impact.
High flexibility in work arrangement, allowing for a better work-life balance.

Working Hours: Full-time position, typically 40 hours per week. Flexibility in work arrangement suggests potential for adjusting daily schedules or incorporating some remote work elements, though the primary status is on-site.

📝 Enhancement Note: The salary range is directly provided in the job data and converted to an annual figure for clarity. Additional details on the benefits are extracted and presented as specific points relevant to potential candidates. Working hours are inferred based on the full-time status.

🎯Team & Company Context

🏢 Company & Design Culture

Industry: Services for Renewable Energy / Fintech. Golfstrom Energy GmbH operates at the intersection of renewable energy and financial technology, providing financing solutions to accelerate solar and heat pump installations. This context implies a focus on building user-friendly platforms that bridge complex financial processes with accessible energy solutions.

Company Size: 11-50 employees. As a smaller, growth-stage company, designers and developers likely have a significant impact and the opportunity to work across various aspects of the product.

Founded: While the exact founding date is not provided, the company's description as a "Start-Up Atmosphäre" suggests it is relatively young and operates with the agility and iterative approach typical of startups.

Team Structure:

The role reports into a team structure that values both UX and Frontend disciplines equally.
Close collaboration with Product Management is essential to translate requirements into user-centered designs.
Interaction with other developers and potentially sales or operations teams is likely given the company's size and integrated approach.

Methodology:

Openness to iterative processes and Lean UX is explicitly mentioned, indicating a focus on rapid prototyping, testing, and validation based on user feedback.
Emphasis on technical feasibility vs. UX ideal suggests a pragmatic approach to design and development.
Structured communication across Design, Development, and Business functions is crucial for effective collaboration.

Company Website: https://www.golfstrom.solar

📝 Enhancement Note: Company and design culture details are inferred from the provided company description, industry, and size. The "Start-Up Atmosphäre" and emphasis on iterative processes inform assumptions about the company's operational methodology and team dynamics.

📈 Career & Growth Analysis

Design Career Level: Mid-Level (2-5 years experience). This level typically involves taking ownership of significant features, contributing to the design system, and mentoring more junior team members if applicable. The role requires independent work and a blend of design and technical skills.

Reporting Structure: The flat hierarchy suggests direct reporting lines, likely to a lead developer, product manager, or a technical lead. This structure often provides greater autonomy and direct influence on product direction.

Design Impact: Design and frontend development play a critical role in the success of Golfstrom's platform, directly impacting user adoption and satisfaction among solar installers and investors. The focus on intuitive interfaces and user needs highlights the strategic importance of UX in their business model.

Growth Opportunities:

Opportunity to deepen expertise in both UX design and Vue.js development within a specialized industry (renewable energy/fintech).
Potential to take on more complex design challenges and lead specific feature development initiatives.
Growth within the company could involve moving into a senior individual contributor role or potentially a team lead position as the company expands.

📝 Enhancement Note: Career and growth analysis is based on the indicated experience level, company size, and the dual nature of the role. The flat hierarchy and startup environment suggest opportunities for significant impact and potential for advancement within a growing team.

🌐 Work Environment

Studio Type: Office-based with a "Cooles Büro" in a central location (near Munich HBF). The environment is described as having a "Start-Up Atmosphäre," suggesting a dynamic, collaborative, and potentially less formal setting compared to larger corporations.

Office Location(s): Seidlstraße 5, Munich, Bavaria 80335, Germany. The central location offers good accessibility via public transport.

Design Workspace Context:

The office environment is likely designed to facilitate collaboration and creative work, though specific details are not provided.
Access to necessary design and development tools and resources is expected.
Being on-site provides opportunities for direct communication and spontaneous collaboration with team members.

Work Schedule: Full-time with high flexibility in work arrangement. While primarily on-site, the flexibility might allow for some remote work days or adjustment of daily hours, depending on team needs and individual preferences.

📝 Enhancement Note: Assumptions about the work environment are based on the description of a "cool office," "Start-Up Atmosphäre," and central location. The emphasis on flexibility suggests a modern approach to work arrangements within the on-site setting.

📄 Application & Portfolio Review Process

Design Interview Process:

Initial screening likely involves a review of your resume and portfolio to assess relevant experience and skills.
Subsequent interviews may include technical assessments (coding exercises, discussion of frontend concepts) and design challenges or portfolio presentations.
Interviews will likely focus on your experience with Vue.js, your UX design process, and your ability to bridge the gap between design and development.
Expect discussions about your approach to problem-solving, collaboration style, and cultural fit within a startup environment.

Portfolio Review Tips:

Tailor your portfolio to highlight projects that showcase both your UX design skills (research, wireframing, prototyping) and your frontend development capabilities, particularly with Vue.js.
For each project, clearly explain your role, the problem you were solving, your design process, and the technical implementation details.
Present case studies that demonstrate your understanding of user-centered design and your ability to translate user needs into functional interfaces.
Be prepared to discuss the technical challenges you faced and how you overcame them during implementation.
If possible, include a project related to energy, fintech, or a similar complex domain to show relevant interest or experience.

Challenge Preparation:

Be prepared for a potential design challenge that might involve either a live coding task in Vue.js or a design exercise (e.g., wireframing, user flow creation) related to the company's domain.
Practice articulating your design decisions and technical approaches clearly and concisely.
Demonstrate your ability to think through user problems and propose practical, implementable solutions.

ATS Keywords: UI Design, UX Design, Frontend Development, Vue.js, JavaScript, HTML, CSS, Responsive Design, Interaction Design, Visual Design, Design System, User Flows, Wireframing, Prototyping, User Research, Lean UX, Iterative Process, Agile, Component-Based Development, API Integration, Quality Assurance, Testing, SCSS, Git, Figma, Sketch, Adobe XD, User-Centered Design, Problem Solving, Collaboration, Communication, Self-Organization, Prioritization, Renewable Energy, Fintech, Startup. (Organized by category: Design Skills, Frontend Skills, Methodologies, Soft Skills, Industry Terms).

📝 Enhancement Note: The application and portfolio review process details are inferred based on typical hiring practices for hybrid design and development roles at startup companies. Specific tips for portfolio content and interview preparation are tailored to the requirements mentioned in the job description, emphasizing the need to demonstrate both design and technical expertise. ATS keywords are generated based on the job description's content to aid candidates in resume optimization.

🛠 Tools & Technology Stack

Primary Design Tools:

While specific design tools are not mentioned, proficiency in standard industry tools like Figma, Sketch, or Adobe XD is highly likely to be required for UI/UX design tasks, including creating wireframes, prototypes, and high-fidelity mockups.

Collaboration & Handoff:

Tools for collaboration and handoff between design and development are essential. This could include platforms like Zeplin, InVision, or integrated features within design tools for developer handoff.
Communication platforms like Slack or Microsoft Teams are likely used for daily team interaction.

Research & Testing:

Experience with tools for user research (e.g., survey platforms, user interview recording tools) and testing (e.g., user testing platforms, A/B testing tools) would be beneficial, aligning with the emphasis on user needs and iterative processes.

📝 Enhancement Note: Specific design and collaboration tools are inferred based on industry standards for UI/UX design and frontend development workflows. The emphasis on research and testing in the job description suggests the use of relevant tools in these areas.

👥 Team Culture & Values

Design Values:

Empathy: A strong focus on deeply understanding and addressing user needs is a core value.
Openness: Encouraging transparent communication, feedback, and sharing of ideas within the team.
Personal Responsibility: Empowering individuals to take ownership of their work and contribute actively to the team's goals.
Pragmatism: Balancing ideal design solutions with technical feasibility and business constraints.

Collaboration Style:

Close-knit team environment with a "Start-Up Atmosphäre."
Emphasis on structured communication across different functions (Design, Development, Business).
Iterative process and Lean UX approach suggest frequent collaboration, feedback loops, and a willingness to adapt based on learning.

📝 Enhancement Note: Team culture and values are derived directly from the "Benefits" section of the original job description, highlighting empathy, openness, and personal responsibility as core values within the team. The collaboration style is inferred from the startup environment and iterative process mentioned.

⚡ Challenges & Growth Opportunities

Design Challenges:

Balancing the needs of diverse user groups (solar installers, investors, potentially homeowners) with a single platform interface.
Translating complex financial processes and energy data into simple, intuitive user flows and visualizations.
Maintaining a consistent and scalable design system in a fast-paced, iterative development environment.
Bridging the gap between design ideals and technical constraints while ensuring high-quality implementation.

Learning & Development Opportunities:

Opportunity to gain deep expertise in the intersection of renewable energy and fintech domains.
Develop advanced skills in Vue.js and frontend architecture within a production environment.
Enhance your understanding of Lean UX and iterative product development cycles.
Grow your ability to communicate effectively with diverse stakeholders across different functions.

📝 Enhancement Note: Design challenges are identified based on the company's industry (fintech/renewable energy), the complexity of the domain, and the nature of the role (balancing design and development). Learning and development opportunities are tied directly to these challenges and the technologies mentioned in the job description.

💡 Interview Preparation

Design Process Questions:

Be prepared to walk through your design process for a project in your portfolio, focusing on how you identified user needs, explored solutions, and validated your designs.
Discuss your experience with creating and maintaining design systems and the challenges you've encountered.
Explain your approach to responsive design and ensuring a consistent user experience across different devices.

Company Culture Questions:

Research Golfstrom Energy GmbH's mission and values, and be prepared to discuss why you are passionate about the renewable energy sector.
Discuss your experience working in a startup or fast-paced environment and how you handle ambiguity and change.
Explain how you balance technical feasibility with design ideals and communicate trade-offs to stakeholders.

Portfolio Presentation Strategy:

Structure your portfolio presentation to highlight both your UX design process and your frontend implementation skills.
For each case study, clearly articulate the problem, your design decisions, and the technical approach you took to build the solution.
Be prepared to discuss the specific Vue.js components you built and any technical challenges you overcame.
Demonstrate your understanding of user-centered design by explaining how user feedback or research influenced your design choices.

📝 Enhancement Note: Interview preparation advice is tailored to the specific requirements of the role, emphasizing the need to demonstrate both design and technical skills, as well as cultural fit within a startup focused on renewable energy. Questions are framed to encourage candidates to discuss their process, collaboration style, and problem-solving abilities.

📌 Application Steps

To apply for this design position:

Submit your application through this link
Customize your design portfolio to prominently feature projects that demonstrate your expertise in both UX/UI design and frontend development, particularly those utilizing Vue.js or similar frameworks.
Optimize your resume by incorporating relevant design and frontend keywords mentioned in the job description, highlighting your experience with design systems, user-centered design, and iterative processes.
Prepare for interviews by practicing articulating your design process, discussing your technical implementations, and demonstrating how you balance design ideals with technical constraints.
Research Golfstrom Energy GmbH's mission, recent projects, and team culture to demonstrate your genuine interest and understanding of their work in the renewable energy sector.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and design industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

Frontend & UX Developer:in (m/w/d) mit Fokus auf Vue.js & User Experience