Product Interface Designer

📍 Job Overview

Job Title: Product Interface Designer

Company: Johnson Health Tech North America Inc

Location: Cottage Grove, WI, US

Job Type: Full-Time

Category: UI/UX Design, Digital Product Design

Date Posted: May 06, 2026

Experience Level: 3-5 Years

Remote Status: On-site

🚀 Role Summary

• Design visually compelling and intuitive user interfaces for product GUIs, websites, and digital initiatives, ensuring a premium brand standard across all digital touchpoints.

• Develop wireframes, mockups, high-fidelity screens, and interactive prototypes using industry-standard design and prototyping tools.

• Collaborate closely with product managers, developers, and stakeholders to translate design concepts into successful, implemented digital experiences.

• Maintain and uphold brand design standards, ensuring visual consistency across all digital products and platforms.

• Stay abreast of the latest UI trends, tools, and best practices to continuously elevate the quality and innovation of design solutions.

📝 Enhancement Note: Given the company's focus on fitness and global brands, this role emphasizes creating user interfaces that are not only functional but also aspirational and reflective of a premium consumer experience. The "product GUIs" mention suggests a need for experience with embedded system interfaces or software controlling physical fitness equipment.

📈 Primary Responsibilities

• Design intuitive, visually engaging user interfaces for product GUIs, responsive websites, and various digital applications.

• Create detailed wireframes, mockups, high-fidelity screens, and interactive prototypes using modern design tools like Figma, Sketch, or Adobe Creative Suite.

• Collaborate effectively with product managers, developers, marketing teams, and other stakeholders to refine design concepts and ensure seamless implementation.

• Clearly present design work, articulate design rationale, and incorporate feedback from stakeholders to iterate and enhance user experience.

• Maintain visual consistency and adhere to brand design standards across all digital products, ensuring a cohesive brand identity.

• Proactively research and stay current on UI trends, emerging technologies, and design best practices to continually improve design quality and innovation.

• Support usability testing initiatives and apply user insights to optimize and enhance the overall user experience of digital products.

• Assist in the development and education of UI/UX best practices within the global marketing team.

📝 Enhancement Note: The mention of "product GUIs" and "embedded system interfaces" (inferred from context) indicates a need for designers experienced in designing for hardware-integrated software, not just web or mobile applications. This requires an understanding of hardware constraints and user interactions with physical devices.

🎓 Skills & Qualifications

Education: Bachelor’s degree in Interaction Design, Visual Design, Human-Computer Interaction, or a closely related field; or equivalent practical experience demonstrating mastery of design principles.

Experience: 3 to 5 years of professional UI or interaction design experience, ideally within an interactive agency, design studio, in-house marketing team, or a comparable creative environment.

Required Skills:

• Strong proficiency in industry-standard design and prototyping tools: Figma, Sketch, and Adobe Creative Suite (Photoshop, Illustrator, XD).

• Proven experience designing compelling user interfaces for product GUIs, responsive websites, and other digital platforms.

• Demonstrated ability to create wireframes, mockups, high-fidelity screens, and interactive prototypes.

• Experience collaborating closely with product managers, developers, and cross-functional teams to refine concepts and deliver high-quality final designs.

• A robust portfolio showcasing exceptional interaction design skills and strong visual design execution across various digital mediums.

Preferred Skills:

• Working knowledge of front-end development languages: HTML, CSS.

• Familiarity with modern front-end frameworks such as React or Jetpack Compose.

• Experience designing for digital product or online marketplace experiences.

• Strong understanding of the interplay between business goals, technological capabilities, and design strategy.

• Ability to assist in defining success metrics and measuring the impact of design decisions.

📝 Enhancement Note: The preference for HTML, CSS, React, and Jetpack Compose suggests that the company values designers who have a foundational understanding of how their designs will be implemented or who can contribute to front-end development discussions. This indicates a more integrated design-development workflow.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least 2-3 detailed case studies demonstrating end-to-end UI/UX design process from problem definition to final solution.

• Highlight projects involving product GUIs or software interfaces for physical products, demonstrating an understanding of hardware-software interaction.

• Present wireframes, user flows, interactive prototypes, and high-fidelity mockups with clear explanations of design decisions and their rationale.

• Include examples of how user feedback or usability testing informed design iterations and improvements.

Process Documentation:

• Clearly articulate the design process followed for each project, emphasizing user-centered design principles and iterative design methodologies.

• Detail how collaboration with cross-functional teams (product management, engineering) was managed and how feedback was integrated.

• Explain the rationale behind tool choices (e.g., Figma for collaboration, Adobe Suite for asset creation) and how they facilitated the design workflow.

• Showcase an understanding of how to contribute to or work with design systems for scalable and consistent UI development.

📝 Enhancement Note: For this role, a portfolio must go beyond static visuals. It needs to demonstrate the designer's ability to navigate complex design challenges, particularly those involving hardware interfaces, and showcase a mature, iterative design process that incorporates collaboration and user feedback.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for UI Designers with 3-5 years of experience in the Madison, WI metropolitan area, the estimated salary range for this position is between $75,000 and $95,000 annually. This range accounts for the specific skill set required, including product GUI design and familiarity with modern design tools, as well as the cost of living in the region.

Benefits:

• Comprehensive Health & Dental Insurance plans.

• Company-paid Life Insurance coverage.

• 401(k) retirement savings plan with potential company match.

• Generous Paid Time Off (PTO) benefits, including vacation, sick leave, and holidays.

• Employee discounts on Johnson Health Tech products.

• Access to company-sponsored Wellness Programs designed to support employee health and well-being.

Working Hours: The standard working hours for this role are approximately 40 hours per week, Monday through Friday. While the position is strictly on-site, the company may offer some flexibility in daily start and end times, subject to team coordination and operational needs.

📝 Enhancement Note: The salary estimate is derived from an analysis of Glassdoor, Salary.com, and LinkedIn Salary data for UI Designers in Cottage Grove, WI, and surrounding areas, adjusted for the specified experience level (3-5 years) and the unique requirement of product GUI design.

🎯 Team & Company Context

🏢 Company Culture

Industry: Consumer Electronics / Fitness Equipment Manufacturing. Johnson Health Tech is a global leader in the fitness industry, known for its innovative and high-quality fitness equipment. This industry context implies a focus on user experience that is both performance-oriented and appealing to a health-conscious consumer.

Company Size: Johnson Health Tech North America is part of a larger, global organization. The North American division likely operates with a significant employee base, allowing for specialized teams while maintaining the agility to respond to market demands. This size suggests opportunities for cross-functional collaboration and potential for internal mobility.

Founded: Johnson Health Tech was founded in 1975, giving the company decades of experience and a strong reputation in the market. This longevity indicates stability and a deep understanding of the fitness industry, which can influence design philosophies towards durability, user-centricity, and long-term value.

Team Structure:

• The UI Designer will be part of the Global Marketing team, reporting to the User Experience Manager.

• This team likely comprises specialists in marketing, branding, content creation, and digital design, necessitating strong cross-functional collaboration.

Methodology:

• Design processes are expected to be user-centered, with an emphasis on creating intuitive and visually appealing interfaces.

• Collaboration and iteration are key, involving regular communication with stakeholders and incorporating feedback to refine designs.

• The team likely embraces modern design tools and workflows, aiming for efficiency and high-quality output that aligns with premium global brands.

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

📝 Enhancement Note: The company's global presence and established history suggest a culture that values both innovation and proven methodologies. For a UI Designer, this means being adaptable to brand standards while also contributing fresh ideas for user engagement within the fitness technology space.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as an experienced Individual Contributor. It requires a solid foundation (3-5 years) in UI design with the ability to work independently on design tasks, from conceptualization to final delivery, while also being a collaborative team member. The scope includes designing for multiple platforms and product types.

Reporting Structure: The UI Designer will report directly to the User Experience Manager. This provides a clear line of mentorship and performance management, with opportunities to learn from experienced UX leadership.

Operations Impact: The UI Designer's work directly impacts user engagement, product adoption, and brand perception. By creating intuitive and visually appealing interfaces for fitness equipment GUIs and digital platforms, this role contributes significantly to customer satisfaction, product usability, and ultimately, sales and market competitiveness in the premium fitness sector.

Growth Opportunities:

• Skill Advancement: Opportunities to deepen expertise in specific design areas, such as advanced interaction design for complex GUIs, or to gain proficiency in emerging design tools and technologies.

• Cross-functional Leadership: Potential to lead design initiatives for new product launches or digital platforms, collaborating with and influencing product and engineering teams.

• Mentorship: Possibility to mentor junior designers or contribute to the development of design standards and best practices across the organization.

• Specialization: A chance to specialize in designing for specific product lines or digital experiences within the fitness technology domain.

📝 Enhancement Note: The "Marginal Job Functions" mention suggests a willingness to take on additional responsibilities, which can be a pathway for accelerated growth. The "assist in the development/education of UI/UX best practices" points to potential leadership in knowledge sharing.

🌐 Work Environment

Office Type: This is a strictly 100% on-site position, meaning the designer will work from the company's facilities in Cottage Grove, WI. This environment is designed for in-person collaboration and direct team interaction.

Office Location(s): The primary work location is Cottage Grove, WI, 53527, within Dane County. This location is accessible within the greater Madison metropolitan area.

Workspace Context:

• The work environment is expected to be collaborative, facilitating direct interaction with product managers, developers, and other marketing team members.

• Expect access to a Mac-based environment with standard office software and the necessary design tools (Figma, Sketch, Adobe Creative Suite).

• Opportunities for impromptu discussions and brainstorming sessions with colleagues will be readily available, fostering a dynamic creative atmosphere.

Work Schedule: The role requires a standard 40-hour work week, typically Monday through Friday. While the position is on-site, there might be limited flexibility in daily start/end times, subject to operational needs and team coordination. Occasional domestic travel (up to 5%) may be required for project-related meetings or events.

📝 Enhancement Note: The explicit "100% onsite" requirement is a critical factor for applicants. This suggests a company culture that highly values in-person collaboration, team cohesion, and direct communication for design and product development processes.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess foundational skills, experience, and alignment with the role's requirements.

• Portfolio Presentation & Discussion: A session where you will present selected case studies from your portfolio, explaining your design process, rationale, and the impact of your work. Be prepared to discuss your experience with product GUIs and collaboration.

• Technical/Skills Assessment: Potentially a design exercise or problem-solving challenge to evaluate your approach to UI design, interaction flow, and visual execution.

• Cross-functional Interviews: Meetings with the User Experience Manager, Product Managers, and potentially developers to assess your collaboration style, communication skills, and cultural fit.

• Final Interview: A conversation with hiring leadership to discuss overall fit, career aspirations, and confirm expectations.

Portfolio Review Tips:

• Curate 2-3 of your strongest case studies, focusing on projects that demonstrate your UI design expertise for product GUIs, websites, or digital applications.

• Clearly articulate the problem statement, your design process, key decisions, and the outcomes/impact of your work. Use visuals effectively to tell the story.

• Be ready to discuss your proficiency with Figma, Sketch, and Adobe Creative Suite, and how you leverage these tools.

• Highlight any experience with responsive design, design systems, and collaboration with engineering teams.

Challenge Preparation:

• If a design challenge is given, focus on understanding the core problem and user needs quickly.

• Prioritize a clear, user-centered approach, even if time is limited. Document your assumptions and design decisions.

• Practice articulating your design choices concisely and persuasively, as if presenting to stakeholders.

• Be prepared to discuss your thought process for potential HTML/CSS or framework (React/Jetpack Compose) implications if relevant to the challenge.

📝 Enhancement Note: The emphasis on "product GUIs" and the potential for a design challenge suggests that interviewers will be looking for practical application of design principles to complex interfaces, not just aesthetically pleasing mockups.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for collaborative interface design, prototyping, and creating design systems. Proficiency expected for wireframing, mockups, and interactive prototypes.

• Sketch: A widely used vector design tool for macOS, often employed for UI design and app mockups.

• Adobe Creative Suite: Including Photoshop for image editing and manipulation, Illustrator for vector graphics, and potentially Adobe XD for prototyping and UX design.

Analytics & Reporting:

CRM & Automation:

Development Related (Plus):

• HTML/CSS: Basic understanding is advantageous for appreciating implementation constraints and possibilities.

• React / Jetpack Compose: Familiarity with these modern front-end frameworks can enhance collaboration with development teams and inform design decisions for web and mobile applications.

📝 Enhancement Note: The explicit mention of Figma, Sketch, and Adobe Creative Suite indicates these are the core design tools. The "plus" for HTML, CSS, React, and Jetpack Compose signals that a designer with a development sensibility will be highly valued, bridging the gap between design and implementation.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and serving the user's needs through intuitive and effective design.

• Collaboration: Valuing teamwork and open communication, working closely with cross-functional teams to achieve shared goals.

• Innovation: Encouraging creative problem-solving and the exploration of new design approaches to enhance user experience and product appeal.

• Quality & Detail: A dedication to producing high-quality, polished designs with meticulous attention to visual detail and brand consistency.

• Efficiency: Striving for streamlined design processes and effective use of tools to deliver results in a timely manner.

Collaboration Style:

• The team fosters a collaborative environment where designers work closely with product managers, developers, and marketing specialists.

• Open feedback and constructive criticism are encouraged to refine designs and ensure alignment with business objectives and technical feasibility.

• Designers are expected to be proactive communicators, clearly articulating their ideas and design decisions.

📝 Enhancement Note: The company's focus on premium fitness products suggests a culture that values excellence, performance, and a strong brand identity. This translates to design that is not only functional but also aspirational and aligned with a healthy lifestyle.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Brand Aesthetics with Functionality: Designing interfaces for fitness equipment (product GUIs) that are visually appealing while also being highly functional, intuitive, and robust for demanding use.

• Cross-Platform Consistency: Ensuring a cohesive user experience and visual identity across product GUIs, websites, mobile apps, and other digital touchpoints.

• Iterative Design Under Pressure: Adapting to evolving project requirements and feedback in a fast-paced environment while maintaining design quality and timely delivery.

• Understanding Technical Constraints: Effectively communicating and collaborating with developers to understand and work within technical limitations of hardware and software platforms.

Learning & Development Opportunities:

• Advanced UI/UX Training: Opportunities to attend workshops, webinars, or conferences focused on cutting-edge UI/UX design trends and practices.

• Design System Development: Contribution to or leadership in building and maintaining scalable design systems, enhancing efficiency and consistency across products.

• Exposure to Product Development Lifecycle: Gaining deeper insights into the end-to-end product development process, from concept to launch, within a global manufacturing company.

• Mentorship from UX Leadership: Learning from an experienced User Experience Manager on strategic design thinking and best practices.

📝 Enhancement Note: The challenge of designing for "product GUIs" is significant. It requires understanding how users interact with physical controls, displays, and software feedback loops in a fitness context, which differs from typical web or mobile app design.

💡 Interview Preparation

Strategy Questions:

• "Describe a challenging UI design project you worked on, particularly one involving hardware interfaces or product GUIs. What was the problem, your approach, and the outcome?" (Focus on process, problem-solving, and impact).

• "How do you ensure visual consistency and maintain brand identity across different digital platforms and products?" (Highlight your understanding of design systems and brand guidelines).

Company & Culture Questions:

• "What interests you about Johnson Health Tech and the fitness industry, and how do you see your design skills contributing to our brand?" (Show research and genuine interest).

• "How do you approach collaboration with product managers and developers? Describe a time you had to navigate differing opinions." (Focus on communication, teamwork, and conflict resolution).

Portfolio Presentation Strategy:

• Select 2-3 projects that best showcase your UI design skills, especially those involving product GUIs or complex digital interfaces.

• For each project, clearly articulate the problem, your role, your design process (research, ideation, prototyping, testing), and the measurable outcomes or impact.

• Be prepared to discuss your proficiency with Figma, Sketch, and Adobe Creative Suite, and how you leverage them.

• Practice your presentation to ensure it is concise, engaging, and highlights your key strengths and contributions.

📝 Enhancement Note: Interviewers will likely probe your understanding of user-centered design principles and your ability to translate them into practical, visually appealing, and functional interfaces, especially for physical products.

📌 Application Steps

To apply for this Product Interface Designer position:

• Submit your application through the provided link on the recruiting.paylocity.com portal.

• Tailor your resume to highlight experience with UI design, interaction design, product GUIs, and proficiency with Figma, Sketch, and Adobe Creative Suite, using keywords from the job description.

• Prepare your portfolio to showcase 2-3 strong case studies demonstrating your design process, problem-solving skills, and visual execution, with a focus on any relevant product interface work.

• Research Johnson Health Tech and its product lines to understand their brand aesthetic and target audience, and prepare to discuss how your design philosophy aligns with their premium positioning.

• Practice articulating your design process and rationale clearly and concisely, as you will likely be asked to present your portfolio and discuss your work during the interview stages.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with Johnson Health Tech North America Inc. through their official application process before making application decisions.