UI UX Designer - MCCMS - Rochester

📍 Job Overview

Job Title: UI/UX Designer - MCCMS - Rochester

Company: Mayo Clinic

Location: Rochester, MN, United States

Job Type: Full-Time

Category: Digital Design & User Experience (UX/UI)

Date Posted: August 19, 2026

Experience Level: 5-10 Years

Remote Status: Hybrid

🚀 Role Summary

• This hybrid UI/UX Designer role is pivotal in shaping the digital experiences for the Mayo Clinic College of Medicine & Science (MCCMS).

• Responsibilities span the entire design lifecycle, from conceptualization and wireframing to iterative prototyping and final UI documentation for developer hand-off, ensuring a user-centered approach.

• The role demands close collaboration with UX researchers to understand audience needs and with front-end developers to refine and implement design components within a content management system.

• A strong emphasis is placed on advocating for inclusive, accessible design principles and integrating them into visually appealing, user-friendly interfaces that align with Mayo Clinic's brand identity.

📝 Enhancement Note: While the job title is UI/UX Designer, the detailed responsibilities heavily lean into the "UX" aspect by emphasizing user research collaboration, understanding learner needs, and iterative testing. The "UI" component is present through wireframing, mockups, and UI documentation, but the core focus appears to be on designing effective user journeys and interactions within digital learning environments. The "MCCMS" acronym suggests a specific focus on the medical college's digital platforms, implying a need for understanding academic medicine or higher education user bases.

📈 Primary Responsibilities

• Lead the design process across digital environments for the Mayo Clinic College of Medicine & Science (MCCMS), from conceptualization through to final UI documentation.

• Collaborate closely with UX researchers to gain deep insights into the experiences of various audiences, including current and prospective learners.

• Develop unique visual approaches and iterative prototype testing to refine user interfaces and interaction patterns.

• Design effective page layouts and user interfaces using established web components and patterns, ensuring adherence to best practices for different device types and accessibility standards.

• Partner with content specialists and front-end developers to iterate on design components, revising them to updated specifications and ensuring feasibility and performance.

• Advocate for and implement inclusive, accessible, user-centered design principles in all digital products.

• Contribute to improving navigation schemes, interaction patterns, and digital storytelling across MCCMS platforms.

• Build proficiency with a component-based content management system (CMS) and work with content contributors to create engaging webpage layouts.

• Develop and adapt detailed design specifications for front-end developers, considering technical constraints and performance.

• Stay current with contemporary design practices, peer institutions in higher education and academic medicine, and design trends across multiple industries.

📝 Enhancement Note: The description highlights a strong need for understanding the academic medicine or higher education user base. Responsibilities emphasize not just visual design but also the strategic integration of user research, content strategy, and technical feasibility, positioning this role as a key contributor to the digital learning experience.

🎓 Skills & Qualifications

Education: Bachelor’s degree required.

Experience: Minimum of 5 years of experience producing user interface designs with demonstrated impact. Experience in healthcare or higher education is a plus.

Required Skills:

• Expert skills in UI design methods including wireframing, prototyping, interaction flow diagrams, and interface specifications.

• Strong visual design acumen and up-to-date knowledge of modern digital and interaction design principles and trends.

• Excellent communication and presentation skills, with the ability to clearly articulate complex design problems and solutions.

• Proficiency in user interface design software such as Sketch, Figma, or Adobe XD.

• Demonstrated ability to address accessibility concerns for digital products, including optimizing for assistive technologies.

• Foundational understanding of HTML, CSS, and the basics of front-end web development.

• Ability to develop deep understanding and empathy for user experiences, particularly learners in academic medicine.

• Strong relationship management skills and emotional intelligence. Preferred Skills:

• Experience with component-based content management systems (CMS).

• Familiarity with content design, UX writing, and the basics of digital marketing, search engine optimization (SEO), and content strategy.

• Experience in healthcare or higher education environments.

• A portfolio demonstrating deliverables throughout the design process for products/websites.

📝 Enhancement Note: The requirement for a portfolio demonstrating deliverables throughout the design process is critical. Candidates should be prepared to showcase their work from initial concept to final implementation, highlighting their process, problem-solving, and impact. The preference for healthcare or higher education experience suggests a need for domain-specific understanding.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 5 years of design deliverables that demonstrate a clear impact on user experience and business objectives within digital products or websites.

• Include examples of wireframes, prototypes, interaction flow diagrams, and detailed UI specifications to illustrate the design process.

• Highlight projects where user research findings and brand identity were effectively integrated into design patterns.

• Demonstrate experience in designing for multiple screen sizes and devices, emphasizing responsive design principles.

• Provide evidence of work that adheres to accessibility standards (e.g., WCAG guidelines) and optimizes for assistive technologies. Process Documentation:

• Detail the iterative design process, including user testing methodologies and how feedback was incorporated into design refinements.

• Illustrate the collaboration process with UX researchers, content specialists, and front-end developers, showing how cross-functional input was managed.

• Document the approach to designing and adapting UI specifications for front-end developers, considering feasibility and performance constraints.

• Explain the process of working with or understanding component-based content management systems (CMS) and how design integrates with content creation workflows.

📝 Enhancement Note: The portfolio should not just present final designs but clearly articulate the "how" and "why" behind them. Candidates are expected to demonstrate their understanding of the end-to-end design lifecycle, including research, ideation, prototyping, testing, and developer hand-off, with a focus on measurable outcomes or user impact.

💵 Compensation & Benefits

Salary Range: An estimated salary range for a UI/UX Designer with 5-10 years of experience in Rochester, MN, is between $85,467.20 and $128,252.80 per year. This estimate is based on industry benchmarks for similar roles in the region, considering the experience level and the employer's reputation.

Benefits:

• Medical: Multiple plan options available to suit individual and family needs.

• Dental: Coverage through Delta Dental or reimbursement account for flexible coverage choices.

• Vision: Affordable plan with a national network for comprehensive eye care.

• Pre-Tax Savings: Health Savings Accounts (HSA) and Flexible Spending Accounts (FSA) for eligible medical and dependent care expenses.

• Retirement: Competitive retirement package designed to secure employees' financial future.

• Continuing Education: Opportunities for ongoing learning and professional development, crucial for staying current in the design field.

Working Hours: Approximately 40 hours per week, with a hybrid work arrangement that blends remote and on-site work.

📝 Enhancement Note: The salary range is an estimate based on national averages for UI/UX Designers with 5-10 years of experience, adjusted for the cost of living in Rochester, MN. Specific compensation will depend on the candidate's qualifications, experience, and internal equity. The benefits package is comprehensive, reflecting Mayo Clinic's commitment to employee well-being and career longevity.

🎯 Team & Company Context

🏢 Company Culture

Industry: Healthcare and Medical Education. Mayo Clinic is a world-renowned leader in patient care, research, and education, operating at the intersection of complex medical needs and cutting-edge academic pursuits. This context means a strong emphasis on patient outcomes, scientific rigor, and ethical considerations in all digital initiatives.

Company Size: Large. Mayo Clinic is a major employer with multiple large campuses and numerous health system locations. This scale implies robust infrastructure, established processes, and opportunities for significant impact, but also a need for designers to navigate complex organizational structures and adhere to established brand guidelines and system architectures.

Founded: 1889. The long history of Mayo Clinic speaks to a culture of stability, innovation, and a deep-seated commitment to its mission. This historical context often translates into a culture that values tradition alongside forward-thinking advancements, particularly in patient care and medical science.

Team Structure: The UI/UX Designer will likely be part of a digital design or digital transformation team within the Mayo Clinic College of Medicine & Science (MCCMS). This team likely includes UX researchers, content specialists, front-end developers, and project managers. The reporting structure would typically be to a Design Lead, UX Manager, or Director of Digital Strategy. Cross-functional collaboration is a cornerstone of this role, requiring seamless integration with various departments to understand user needs and translate them into effective digital solutions.

Methodology: The team likely employs a user-centered design methodology, integrating UX research findings into all stages of the design process. This involves iterative prototyping, usability testing, and a data-driven approach to design decisions. Workflow planning and optimization strategies will be critical, especially when working with a component-based CMS. Automation and efficiency practices will be key to streamlining the design and development hand-off process.

Company Website: https://www.mayoclinic.org/

📝 Enhancement Note: The "MCCMS" designation is crucial. This role is specifically within the Mayo Clinic College of Medicine & Science, meaning the target users are primarily learners (students, residents, fellows), educators, and researchers, rather than general patients. This requires a nuanced understanding of educational technology and academic workflows.

📈 Career & Growth Analysis

Operations Career Level: Mid-to-Senior Level Designer. This role requires a solid foundation of 5+ years of experience, indicating a level beyond entry-level. The responsibilities suggest ownership of significant design tasks and the ability to work independently and collaboratively on complex digital projects. It positions the individual as a key contributor to the digital strategy for MCCMS.

Reporting Structure: The UI/UX Designer will likely report to a Design Lead or Manager within the MCCMS digital team. This structure suggests a collaborative environment where feedback and guidance are provided, but also an expectation for self-direction and proactive problem-solving. Collaboration with other designers, researchers, content specialists, and developers will be frequent.

Operations Impact: The UI/UX Designer's impact is directly tied to enhancing the digital learning experience for students, faculty, and researchers within MCCMS. By creating intuitive, accessible, and engaging digital platforms, this role contributes to improved educational outcomes, efficient knowledge dissemination, and the overall reputation of Mayo Clinic as a leader in medical education. Their work influences how users interact with critical learning resources and digital tools.

Growth Opportunities:

• Specialization: Deepen expertise in specific areas such as accessible design, interaction design for complex educational platforms, or UX research methodologies within academic medicine.

• Leadership: Progress into a Senior UI/UX Designer role, potentially leading design initiatives, mentoring junior designers, or taking on more strategic design planning responsibilities.

• Cross-Functional Expansion: Gain exposure to broader digital transformation initiatives within Mayo Clinic, potentially moving into roles focused on product management, UX strategy, or digital innovation.

• Learning & Development: Access to Mayo Clinic’s extensive continuing education programs, workshops, and conferences to stay abreast of the latest design trends, technologies, and best practices in both UX/UI and healthcare/education sectors.

📝 Enhancement Note: The "Operations" aspect here is interpreted through the lens of how the design function operates within the larger organization. The impact is on the "operations" of learning and medical science education delivery. Growth opportunities are framed around deepening design expertise and expanding influence within the broader digital and educational landscape of Mayo Clinic.

🌐 Work Environment

Office Type: Hybrid. This role combines remote work with on-site presence, requiring the individual to live within a 100-mile driving distance of the Rochester, MN Mayo Clinic campus. This setup aims to balance flexibility with the need for in-person collaboration and access to campus resources.

Office Location(s): The primary work location will be Rochester, MN, with specific on-site days determined by team needs and project requirements. Mayo Clinic's Rochester campus is a large, integrated facility known for its state-of-the-art technology and collaborative environment.

Workspace Context:

• Collaborative Environment: On-site days will likely involve working in shared office spaces or dedicated team areas, fostering direct interaction with colleagues. The environment is designed to encourage teamwork and knowledge sharing.

• Tools and Technology: Access to industry-standard design software (Sketch, Figma, Adobe XD) and collaboration platforms will be provided. The team will leverage a component-based CMS, requiring designers to be adept at working within such systems.

• Team Interaction: Opportunities for informal "water cooler" discussions, formal team meetings, design critiques, and cross-functional workshops will be integral to the on-site experience.

Work Schedule: Standard full-time hours (approximately 40 hours per week) are expected. While the hybrid model offers flexibility, the nature of design work often requires focused periods of concentration, which can be managed both remotely and on-site. Adherence to project deadlines and stakeholder availability will guide specific work patterns.

📝 Enhancement Note: The 100-mile driving distance requirement is a key detail for remote candidates. It signifies that while remote work is an option, physical presence in Rochester is mandatory for a significant portion of the work week, likely for team collaboration, meetings, and access to on-campus resources.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess your experience, skills, and alignment with the role's requirements. Candidates must demonstrate a strong portfolio showcasing relevant UI/UX design work.

• Technical/Design Interview: This stage will likely involve a deeper dive into your portfolio, discussing specific projects, design decisions, and your process. Expect questions about your approach to wireframing, prototyping, user research integration, accessibility, and collaboration.

• Case Study Presentation (Potential): You may be asked to present a specific project from your portfolio or a hypothetical design challenge. This is an opportunity to demonstrate your problem-solving skills, design thinking, and ability to articulate your rationale. Focus on how you translated user needs into effective design solutions.

• Behavioral & Team Fit Interview: Interviews with hiring managers and potential team members to assess your communication skills, collaboration style, problem-solving approach, and cultural fit within Mayo Clinic's mission-driven environment. Questions may focus on how you handle feedback, work in a team, and advocate for user needs.

• Final Interview: May involve senior leadership or key stakeholders to confirm overall fit and readiness for the role.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best represent your UI/UX skills, process, and impact, particularly those relevant to higher education or complex digital platforms.

• Showcase the Process: For each project, clearly outline the problem, your role, the design process (research, ideation, wireframing, prototyping, testing), the solutions you implemented, and the outcomes or impact achieved. Use visuals liberally.

• Highlight Collaboration: Detail how you worked with researchers, developers, content specialists, and stakeholders. Emphasize your ability to communicate design decisions and incorporate feedback.

• Emphasize Accessibility: If applicable, showcase specific examples of how you ensured designs were accessible and inclusive.

• Tailor to MCCMS: If possible, include projects that demonstrate an understanding of educational technology, academic environments, or complex information architecture.

Challenge Preparation:

• Design Thinking: Be ready to discuss your approach to user-centered design, problem definition, and solution ideation.

• Accessibility Standards: Refresh your knowledge of WCAG guidelines and how to apply them in practice.

• Tool Proficiency: Be prepared to discuss your experience with Figma, Sketch, Adobe XD, and potentially CMS platforms.

• Stakeholder Communication: Practice articulating design rationale and defending your decisions to both technical and non-technical audiences.

📝 Enhancement Note: The emphasis on a "portfolio demonstrating deliverables throughout the design process" is paramount. Candidates should be prepared to walk through their work, explaining their thought process, the challenges they faced, and how they overcame them, rather than just showing final screens. The hybrid nature of the role means on-site interviews are likely.

🛠 Tools & Technology Stack

Primary Tools:

• UI Design Software: Expert proficiency required in at least one of Sketch, Figma, or Adobe XD. These tools are essential for wireframing, mockups, prototyping, and creating detailed UI specifications.

• Prototyping Tools: Experience with integrated prototyping features within design software or dedicated tools like InVision for creating interactive user flows and demonstrating user journeys.

• Collaboration Platforms: Familiarity with tools like Slack, Microsoft Teams, or similar for day-to-day communication, project updates, and team coordination.

• Project Management Software: Experience working within project management tools such as Jira, Asana, or Trello for task tracking, sprint planning, and workflow management.

Analytics & Reporting:

• Web Analytics: Basic understanding of web analytics tools (e.g., Google Analytics) to interpret user behavior data and inform design decisions.

• User Feedback Tools: Experience with tools for gathering user feedback, surveys, or usability testing platforms.

CRM & Automation:

• Content Management System (CMS): Familiarity with component-based CMS is explicitly mentioned as a requirement. While specific CMS names aren't listed, understanding how design integrates with content creation and management within such systems is key.

• Front-end Development Basics: Understanding of HTML and CSS is required, indicating a need to collaborate effectively with front-end developers and understand the technical constraints of web development.

📝 Enhancement Note: The explicit mention of a "component-based content management system" is a significant clue. Candidates should be prepared to discuss their experience working within or designing for such systems, understanding how reusable components are managed and how design adheres to system constraints for consistency and efficiency.

👥 Team Culture & Values

Operations Values:

• Patient First (Extended to Learner First): While Mayo Clinic's primary value is patient-centricity, for MCCMS, this translates to a "learner-first" approach. Designs should prioritize the needs, goals, and success of students, educators, and researchers.

• Integrity: Upholding the highest ethical standards in design, ensuring transparency, accuracy, and reliability in all digital information and user interactions.

• Excellence: Striving for the highest quality in design execution, user experience, and technical implementation, reflecting Mayo Clinic's reputation for excellence in medicine and education.

• Compassion: Designing with empathy and understanding for the diverse backgrounds and challenges faced by users within the academic medical environment.

• Teamwork: Fostering a collaborative spirit, valuing diverse perspectives, and working together across disciplines to achieve common goals.

Collaboration Style:

• Cross-Functional Integration: The role demands a highly collaborative approach, working closely with UX researchers, content specialists, front-end developers, subject matter experts, and stakeholders across MCCMS. Open communication and mutual respect are key.

• Process Review & Feedback: A culture that encourages constructive feedback on designs and processes. Designers are expected to be receptive to critique and to provide thoughtful feedback to others.

• Knowledge Sharing: Encouraging the sharing of best practices, design trends, and lessons learned within the team and across relevant departments to foster continuous improvement.

📝 Enhancement Note: The extension of Mayo Clinic's core values to the "learner-first" principle is critical for understanding the team's operational ethos. This means design decisions must always consider how they benefit the educational mission and the users involved in it.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing User Needs with Institutional Constraints: Navigating the complex requirements of a large academic medical institution, including brand guidelines, accessibility standards, technical limitations, and diverse stakeholder needs, while still advocating for optimal user experience.

• Designing for Diverse Audiences: Creating digital experiences that cater effectively to a wide range of users within MCCMS, from medical students and residents to faculty researchers and administrators, each with unique goals and technical proficiencies.

• Integrating with a Component-Based CMS: Mastering the nuances of working within a structured CMS environment, ensuring design flexibility while maintaining component integrity and system consistency.

• Keeping Pace with Evolving Digital Trends: Continuously adapting design strategies and skills to incorporate new technologies, interaction paradigms, and user expectations in the rapidly evolving digital landscape of education and healthcare.

Learning & Development Opportunities:

• Specialized Design Training: Access to workshops and courses focused on advanced UI/UX techniques, accessibility standards (e.g., WCAG 2.1/2.2), and user research methodologies tailored for educational or healthcare contexts.

• Industry Conferences & Certifications: Opportunities to attend relevant design and education technology conferences (e.g., UXPA, AIGA, EDUCAUSE) and pursue professional certifications to enhance expertise.

• Mentorship Programs: Participation in mentorship programs, either as a mentee to learn from senior designers or as a mentor to guide junior team members, fostering leadership skills.

• Cross-Departmental Exposure: Opportunities to engage with other departments within Mayo Clinic, gaining broader insights into healthcare operations, research initiatives, and educational strategy, which can inform design solutions.

📝 Enhancement Note: The primary challenge will likely be translating the needs of a specialized user base (learners, educators) into intuitive digital experiences within the structured environment of a large, established institution like Mayo Clinic. Growth opportunities are strongly tied to Mayo Clinic's commitment to continuous learning and professional development.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to balance competing user needs with technical constraints or brand guidelines. How did you arrive at a solution?" Prepare to discuss a specific project where you navigated trade-offs, detailing your problem-solving process, communication with stakeholders, and the final design outcome.

• "How do you ensure your designs are accessible to all users, including those with disabilities? Can you walk me through a specific example?" Be ready to discuss your understanding of accessibility standards (WCAG) and provide concrete examples from your portfolio of how you implemented accessible design principles.

• "Walk me through a complex UI/UX project from your portfolio. What was the problem, your role, your process, and the impact of your work?" Prepare a concise narrative that highlights your design thinking, problem-solving skills, and ability to articulate the value of your contributions. Focus on the "why" behind your decisions. Company & Culture Questions:

• "Why are you interested in designing for the Mayo Clinic College of Medicine & Science specifically?" Research MCCMS's mission, programs, and target audience. Connect your passion for design with their educational goals and your desire to contribute to medical education.

• "How do you approach collaboration with UX researchers, content specialists, and front-end developers?" Discuss your experience working in multidisciplinary teams, emphasizing your communication style, ability to give and receive feedback, and how you integrate different perspectives into the design process.

• "How do you measure the success of your UI/UX designs?" Be prepared to discuss relevant metrics, such as user satisfaction, task completion rates, engagement, conversion rates, or reduction in support requests, and how you use data to inform design decisions. Portfolio Presentation Strategy:

• Storytelling: Frame your portfolio pieces as stories that highlight a problem, your journey to a solution, and the impact. Use visuals to support your narrative.

• Process Over Polish: While polished visuals are important, emphasize your thought process, research, iterations, and problem-solving. Explain why you made certain design choices.

• Interactive Demos: If possible, use interactive prototypes or screen recordings to demonstrate user flows and key interactions, rather than just static mockups.

• Conciseness: Be mindful of time. Prepare to present your key projects efficiently, focusing on the most impactful aspects. Be ready to go deeper on specific areas if asked.

📝 Enhancement Note: Given the academic and healthcare context, be prepared to discuss how your design process considers ethical implications, data privacy, and the rigorous demands of a learning environment. Emphasize your ability to translate complex information into user-friendly interfaces.

📌 Application Steps

To apply for this UI/UX Designer position:

• Submit your application through the Mayo Clinic careers portal, ensuring all required fields are completed accurately.

• Portfolio Customization: Tailor your portfolio to highlight projects that demonstrate experience with user-centered design, wireframing, prototyping, UI specifications, accessibility, and ideally, experience within higher education or healthcare digital environments. Showcase the full design process from discovery to delivery.

• Resume Optimization: Ensure your resume clearly articulates your 5+ years of UI/UX design experience, highlighting key skills such as Figma/Sketch/Adobe XD, HTML/CSS basics, accessibility standards, and any CMS experience. Quantify achievements where possible.

• Interview Preparation: Practice discussing your portfolio projects, focusing on your design process, problem-solving skills, and collaborative approach. Be ready to address specific questions about accessibility, user research, and working with developers.

• Company Research: Thoroughly research Mayo Clinic and the Mayo Clinic College of Medicine & Science. Understand their mission, values, and the unique needs of their learners and educators. Prepare thoughtful questions to ask the interviewers.

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