UI UX Designer, MCCMS - Rochester

📍 Job Overview

Job Title: UI/UX Designer, MCCMS Company: Mayo Clinic Location: Rochester, MN, United States Job Type: Full-time Category: Design Operations / Digital Product Design Date Posted: 2026-02-13T15:14:10 Experience Level: Mid-Senior Level (5-10 years) Remote Status: Hybrid

🚀 Role Summary

• This hybrid role is critical for designing user interfaces and experiences across the digital environments for Mayo Clinic College of Medicine & Science (MCCMS), focusing on transforming medical education.
• The position demands a creative and multidisciplinary approach to user-centered design, emphasizing iterative prototype testing and the creation of engaging, intuitive digital learning solutions.
• The UI/UX Designer will collaborate closely with content specialists, physicians, scientists, and developers to integrate best practices in web components, accessibility, and user experience research.
• A key aspect of this role will be designing experiences that seamlessly integrate with advanced technologies such as 3D patient-specific models, digital twins, Head-Mounted Displays (HMDs), and Extended Reality (XR) platforms.

📝 Enhancement Note: The job title "UI UX Designer, MCCMS" and the mention of "Mayo Clinic College of Medicine & Science" indicate a focus on digital product design within an academic medical context. The emphasis on "Immersive Learning Design" and technologies like HMDs and XR points towards a specialized role in educational technology and digital transformation, requiring a blend of design expertise and an understanding of modern learning modalities. The hybrid nature with on-site expectations suggests a need for strong collaboration within the Rochester campus.

📈 Primary Responsibilities

• Contribute to all phases of the digital product design lifecycle, from conceptualization and wireframing to high-fidelity mockups and detailed UI documentation for developer hand-off.
• Develop and refine user interfaces that embody best practices for various device types, ensuring optimal user experience and adherence to accessibility standards (e.g., WCAG).
• Conduct and participate in user experience research to gather insights, validate design decisions, and ensure solutions meet the needs and goals of diverse audiences, including learners, faculty, and patients.
• Translate complex medical concepts and educational objectives into intuitive, engaging, and accessible digital learning experiences, leveraging established web components and innovative design patterns.
• Collaborate extensively with cross-functional teams, including content specialists, subject matter experts (physicians, scientists), and front-end developers, to ensure design feasibility, performance, and seamless integration.
• Design and iterate on interactive elements and navigation schemes within a component-based content management system (CMS), optimizing for usability and digital storytelling.
• Craft user experiences for emerging technologies, including seamless integration with 3D patient-specific models, digital twins, HMDs, and XR platforms, ensuring compatibility and optimal performance.
• Develop and maintain comprehensive design specifications, style guides, and pattern libraries to ensure consistency and facilitate efficient development workflows.
• Advocate for a user-centered design philosophy, championing inclusivity and accessibility in all design outputs.

📝 Enhancement Note: The responsibilities highlight a strong focus on the end-to-end design process, from user research to developer hand-off, with a significant emphasis on advanced technologies like XR and 3D modeling within medical education. The mention of a "component-based content management system" implies a need for understanding content strategy and modular design principles.

🎓 Skills & Qualifications

Education:

• Bachelor’s degree in Graphic Design, Interaction Design, Human-Computer Interaction (HCI), Computer Science, or a related field, or equivalent practical experience.

Experience:

• 5-10 years of professional experience in UI/UX design, with a proven track record of producing impactful user interface designs and exceptional user experiences.
• Demonstrated experience in designing for complex digital platforms, ideally within academic, healthcare, or educational technology sectors.

Required Skills:

• Expert proficiency in modern UI/UX design principles, methodologies, and best practices.
• Strong visual design acumen, with a keen eye for aesthetics, typography, layout, and branding.
• Demonstrated expertise in wireframing, prototyping (e.g., using Figma, Sketch, Adobe XD), and creating detailed mockups for various screen sizes and devices.
• Deep understanding of user experience research methodologies and the ability to translate research findings into actionable design solutions.
• Comprehensive knowledge of web accessibility standards (e.g., WCAG 2.1 AA) and best practices for inclusive design.
• Familiarity with front-end development concepts, including HTML and CSS, to facilitate effective collaboration with developers and understand technical constraints.
• Experience working with component-based design systems and content management systems.
• Excellent communication, presentation, and interpersonal skills, with the ability to articulate design decisions persuasively to diverse stakeholders.
• Strong problem-solving abilities and a proactive, collaborative approach to teamwork.

Preferred Skills:

• Experience designing for immersive technologies such as Head-Mounted Displays (HMDs), Virtual Reality (VR), and Augmented Reality (AR)/Extended Reality (XR).
• Familiarity with 3D modeling concepts and experience integrating 3D assets into digital interfaces.
• Experience in UX writing and content strategy for digital products.
• Knowledge of user analytics tools and how to leverage data to inform design decisions.
• Experience working in an academic medical or higher education environment.

📝 Enhancement Note: The requirements emphasize both foundational UI/UX skills and specialized knowledge in areas like accessibility, XR, and 3D modeling, reflecting the innovative nature of the role. The explicit mention of specific design software (Figma, Sketch, Adobe XD) is crucial for candidates to highlight their tool proficiency.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a range of UI/UX design projects, demonstrating your ability to solve complex problems and deliver user-centered solutions.
• Examples of wireframes, user flows, interactive prototypes, and high-fidelity mockups for web and potentially mobile applications.
• Case studies that clearly articulate the problem, your design process, your role, the solutions you developed, and the measurable impact or outcomes achieved.
• Demonstrations of your understanding and application of accessibility principles in your design work.
• Projects that highlight your ability to work with design systems, component libraries, or content management systems.

Process Documentation:

• Showcase your approach to user research, including how you gather insights and integrate them into the design process.
• Provide examples of your iterative design process, including how you use prototyping and testing to refine designs.
• Illustrate your collaboration process with developers and other stakeholders, including how you prepare and hand off design specifications.
• Document your experience in creating or adhering to design standards, style guides, or component libraries.

📝 Enhancement Note: For a UI/UX role, especially in advanced technology areas, a robust portfolio is paramount. The emphasis on case studies, process documentation, and demonstrating impact is key for showcasing practical application of skills. Highlighting projects involving complex interfaces, user research, and cross-functional collaboration will be highly valued.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for UI/UX Designers with 5-10 years of experience in Rochester, MN, and considering Mayo Clinic's reputation and the specialized nature of this role, the estimated salary range is approximately $85,000 - $130,000 USD per year.

Benefits:

• Comprehensive Medical Insurance with multiple plan options.
• Dental Insurance with Delta Dental or reimbursement account options.
• Vision Insurance with a national network.
• Pre-Tax Savings options including Health Savings Accounts (HSA) and Flexible Spending Accounts (FSA) for eligible expenses.
• Competitive Retirement Package designed to secure your future.
• Continuing education and advancement opportunities.

Working Hours:

• This is a full-time position, typically requiring approximately 40 hours per week. The role is hybrid, with weekly on-site expectations in Rochester, MN, indicating a need for core working hours that facilitate team collaboration.

📝 Enhancement Note: The salary range is estimated based on national averages for experienced UI/UX Designers, adjusted for the cost of living and industry standards in Rochester, MN, and Mayo Clinic's positioning as a leading healthcare institution. The provided benefits are directly extracted from the job description and highlight Mayo Clinic's commitment to employee well-being and long-term security.

🎯 Team & Company Context

🏢 Company Culture

Industry: Healthcare / Medical Education / Academic Research Company Size: Mayo Clinic is a global leader in healthcare, employing tens of thousands of individuals across its campuses and affiliated systems. This large-scale environment offers stability and extensive resources. Founded: Mayo Clinic was founded in 1889, boasting a long history of innovation and patient care excellence that permeates its culture.

Team Structure:

• The UI/UX Designer will be part of the Division of Immersive Learning Design within the Department of Education.
• This division is described as a "pioneering team" dedicated to transforming medical education through cutting-edge technologies.
• The role involves close collaboration with physicians, scientists, faculty, staff, students, and technical experts, indicating a highly interdisciplinary and collaborative work environment.

Methodology:

• The division focuses on creating immersive, user-centered learning experiences.
• Design approaches will likely involve iterative prototype testing and user research to ensure effectiveness and engagement.
• Emphasis is placed on integrating advanced technologies like 3D models, digital twins, HMDs, and XR platforms into educational content.
• The team likely employs agile or iterative development methodologies to adapt to evolving technological landscapes and educational needs.

Company Website: https://www.mayoclinic.org/ (and specific MCCMS educational portals)

📝 Enhancement Note: Mayo Clinic's deep roots in healthcare and education, combined with its forward-thinking approach to technology, suggest a culture that values both tradition and innovation. The Immersive Learning Design team's focus implies a dynamic, research-oriented, and highly collaborative environment where design plays a pivotal role in shaping future medical professionals.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-to-senior level UI/UX Designer, requiring significant experience and a demonstrated ability to lead design initiatives within a specialized domain. The scope includes shaping digital learning experiences for a prestigious medical institution. Reporting Structure: The UI/UX Designer reports into the Division of Immersive Learning Design within the Department of Education. This structure suggests direct interaction with educational leadership and subject matter experts. Operations Impact: The designer's work will directly impact the effectiveness of medical education at Mayo Clinic, influencing how future physicians and healthcare professionals acquire critical skills, safety knowledge, and confidence. This role is central to Mayo Clinic's mission of advancing healthcare through education and innovation.

Growth Opportunities:

• Specialization: Deepen expertise in designing for immersive technologies (XR, VR, AR), 3D visualization, and medical simulation.
• Leadership: Potential to lead design projects, mentor junior designers, or contribute to the strategic direction of digital learning initiatives within the division and broader institution.
• Skill Development: Opportunities to learn new design tools, methodologies, and gain exposure to cutting-edge educational technologies and medical advancements.
• Cross-Functional Exposure: Gain invaluable experience collaborating with world-renowned medical professionals and educators, broadening understanding of healthcare and its educational needs.

📝 Enhancement Note: The role offers significant growth potential within a specialized and impactful field. The opportunity to work at the forefront of medical education technology within a highly respected institution like Mayo Clinic provides a unique career trajectory.

🌐 Work Environment

Office Type: The role is hybrid, requiring regular on-site presence in Rochester, MN. This suggests a blend of collaborative in-office work and remote flexibility. Mayo Clinic's campuses are known for state-of-the-art facilities designed to foster innovation and collaboration. Office Location(s): Rochester, MN, at the main Mayo Clinic campus. This location offers a unique blend of a strong academic and research community with the amenities of a mid-sized city.

Workspace Context:

• The work environment is expected to be highly collaborative, involving frequent interaction with diverse teams including educators, medical professionals, and technical staff.
• Access to advanced technology and tools will be available, supporting the design and development of cutting-edge digital learning experiences.
• Opportunities for knowledge sharing and continuous learning are likely embedded within the team's culture, fostering an environment of professional growth.

Work Schedule:

• Full-time, approximately 40 hours per week.
• The hybrid nature necessitates core working hours that allow for synchronous collaboration with on-site and remote team members. Flexibility may be available, but on-site presence is a key requirement.

📝 Enhancement Note: The hybrid requirement with on-site expectations in Rochester underscores the importance of collaborative work and team integration. Candidates should be prepared for a dynamic environment that balances individual work with frequent team interactions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Application review focusing on resume and portfolio to assess core UI/UX skills, relevant experience, and alignment with role requirements.
• Portfolio Review & Presentation: Candidates will likely be asked to present a selection of their work, detailing their design process, problem-solving approach, and the impact of their contributions. This is a critical stage for demonstrating expertise.
• Technical/Skills Assessment: May include a design challenge or exercise to evaluate practical skills in wireframing, prototyping, or problem-solving within a medical education context.
• Behavioral & Cultural Fit Interviews: Discussions with hiring managers and team members to assess collaboration style, problem-solving approach, communication skills, and alignment with Mayo Clinic's values.
• Stakeholder Interviews: Potential interviews with key stakeholders (e.g., medical educators, content specialists) to gauge understanding of user needs and ability to translate them into design solutions.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best represent your skills and experience relevant to this role (e.g., complex digital products, user-centered design, educational technology, XR/3D integration if applicable).
• Tell a Story: For each project, clearly articulate the problem, your specific role and contributions, your design process (research, ideation, prototyping, testing), the challenges faced, and the final outcome/impact. Quantify results where possible.
• Highlight Process: Show your thought process, not just the final polished screens. Include sketches, wireframes, user flows, and research insights.
• Address XR/3D: If you have experience with XR, VR, AR, or 3D modeling integration, ensure these projects are prominently featured and explained.
• Accessibility Focus: Clearly demonstrate how you incorporate accessibility principles into your design decisions.
• Tailor to Mayo Clinic: Research Mayo Clinic's mission, values, and the specific context of medical education. Frame your work in a way that shows how your skills can contribute to their goals.

Challenge Preparation:

• Be prepared for a design challenge that might involve creating a wireframe or prototype for a specific medical education scenario, or critiquing an existing design.
• Focus on demonstrating your problem-solving approach, user-centricity, and ability to iterate quickly.
• Practice articulating your design decisions clearly and concisely.

📝 Enhancement Note: The interview process will heavily rely on the candidate's portfolio and their ability to articulate their design process and impact. Specific preparation for presenting XR/3D integration and accessibility in a medical education context will be advantageous.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma, Sketch, Adobe XD (proficiency in at least one is essential).
• Wireframing & Flow Mapping: Tools like Balsamiq, Miro, or built-in features within Figma/Sketch.
• User Research & Testing: Platforms such as UserTesting.com, Lookback, or methods like in-person interviews and surveys.

Analytics & Reporting:

• Familiarity with web analytics tools (e.g., Google Analytics) to understand user behavior and inform design decisions.
• Experience with data visualization tools for presenting user insights and design impact.

CRM & Automation:

• While not a primary focus, understanding how digital products integrate with broader systems (e.g., learning management systems, student information systems) can be beneficial.

Emerging Technologies:

• Experience or strong interest in tools and platforms related to 3D modeling, VR/AR development, and real-time rendering engines (e.g., Unity, Unreal Engine) may be advantageous for integrating with specialized content.

📝 Enhancement Note: Proficiency in industry-standard design and prototyping tools like Figma, Sketch, or Adobe XD is a prerequisite. Experience with tools facilitating user research and analytics will also be highly valued. Familiarity with XR development platforms is a significant plus.

👥 Team Culture & Values

Operations Values:

• Patient First: A core value at Mayo Clinic, translated into designing for the ultimate benefit of patients and learners in the medical field.
• Innovation: Encouraging the exploration and implementation of cutting-edge technologies to advance medical education and patient care.
• Collaboration: Fostering a team-oriented environment where diverse perspectives are valued and integrated to achieve shared goals.
• Excellence: A commitment to high standards in all aspects of work, from design quality to user experience.
• Integrity: Upholding ethical standards and transparency in all design processes and communications.

Collaboration Style:

• Highly interdisciplinary, requiring seamless teamwork with medical professionals, educators, content specialists, and technical developers.
• Emphasis on open communication, constructive feedback, and a shared commitment to the mission of medical education.
• Likely involves agile methodologies, with regular stand-ups, sprint reviews, and iterative feedback loops.

📝 Enhancement Note: The team culture will be deeply influenced by Mayo Clinic's overarching values, particularly its commitment to patient care and scientific rigor, applied within an educational technology context. Collaboration across diverse disciplines will be a defining characteristic.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating Complex Medical Information: Effectively designing intuitive interfaces for intricate medical concepts and procedures.
• Integrating Advanced Technologies: Seamlessly incorporating XR, 3D models, and digital twins into user-friendly educational experiences.
• Balancing User Needs and Technical Constraints: Ensuring designs are both user-centric and feasible within development limitations and existing systems.
• Cross-Disciplinary Communication: Bridging the gap between design, medical, and technical expertise to achieve common understanding and goals.
• Staying Ahead of Technological Advancements: Continuously adapting to the rapid evolution of digital design tools and immersive technologies.

Learning & Development Opportunities:

• Immersive Technology Specialization: Gain deep expertise in VR/AR/XR design principles and best practices.
• Medical Education Domain Knowledge: Develop a strong understanding of medical pedagogy, curriculum design, and clinical workflows.
• Advanced Design & Prototyping Techniques: Master new tools and methodologies for creating sophisticated interactive experiences.
• Leadership & Project Management: Opportunities to take ownership of design projects and contribute to strategic planning.
• Industry Conferences & Training: Access to resources for continuous learning in design, technology, and healthcare education.

📝 Enhancement Note: The challenges are directly tied to the innovative and complex nature of the role, particularly in applying advanced technologies to medical education. The growth opportunities are significant for professionals looking to specialize in a high-demand, impactful field.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex digital product you designed and how you approached user research and problem-solving." (Focus on your process, user empathy, and iterative design.)
• "How do you ensure accessibility and inclusivity in your UI/UX designs, especially for diverse user groups?" (Provide specific examples of guidelines and implementations.)
• "Tell us about a time you had to collaborate with technical or subject matter experts who had different priorities. How did you navigate that relationship to achieve a successful design outcome?" (Highlight communication, negotiation, and compromise skills.)
• "Given our focus on immersive learning and XR, what are the key UI/UX considerations for designing experiences within a Head-Mounted Display or for 3D digital twins?" (Demonstrate forward-thinking and an understanding of spatial design.)

Company & Culture Questions:

• "What interests you about Mayo Clinic and our mission in medical education?" (Research Mayo Clinic's values and MCCMS's role.)
• "How do you approach working within a hybrid environment and collaborating with remote and on-site team members?" (Discuss your strategies for effective communication and teamwork.)
• "Describe your ideal team environment and how you contribute to a positive and productive culture." (Align your response with Mayo Clinic's collaborative values.)

Portfolio Presentation Strategy:

• Structure for Impact: Organize your presentation logically, starting with the problem statement and user needs, moving through your design process, showcasing key design decisions with rationale, and concluding with the outcomes and lessons learned.
• Show, Don't Just Tell: Use visuals effectively—wireframes, prototypes, user flows, and high-fidelity mockups—to illustrate your points. Explain why you made certain design choices.
• Quantify Results: If possible, present metrics or qualitative feedback that demonstrate the success of your designs (e.g., improved user engagement, task completion rates, positive feedback).
• Emphasize Collaboration: Briefly touch upon how you collaborated with others (developers, SMEs, researchers) during the project.
• Prepare for XR/3D: If presenting relevant projects, be ready to discuss the specific challenges and opportunities of designing for these immersive environments.

📝 Enhancement Note: Interview preparation should focus on showcasing both core UI/UX expertise and specialized knowledge relevant to medical education and advanced technologies. Demonstrating a collaborative spirit and alignment with Mayo Clinic's mission will be key.

📌 Application Steps

To apply for this operations position:

• Navigate to the Mayo Clinic careers portal and submit your application through the provided link.
• Portfolio Customization: Ensure your resume and portfolio are tailored to highlight your experience in UI/UX design, particularly any work related to educational technology, complex digital platforms, accessibility, and ideally, immersive technologies (XR, 3D).
• Resume Optimization: Clearly articulate your years of experience, core UI/UX skills, proficiency with design software, and any specific achievements or projects that align with the responsibilities outlined. Use keywords from the job description.
• Interview Preparation: Practice presenting your portfolio, focusing on your design process, problem-solving approach, and the impact of your work. Prepare to discuss your experience with accessibility and potentially XR/3D technologies.
• Company Research: Thoroughly research Mayo Clinic's mission, values, and the specific work of the Mayo Clinic College of Medicine & Science. Understand their commitment to innovation in medical education.

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

---