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: UX/UI Design & Digital Experience Operations

Date Posted: 2026-08-19T21:16:05

Experience Level: 5-10 Years

Remote Status: Hybrid

🚀 Role Summary

• Design and iterate on user interfaces and user experiences across digital platforms for the Mayo Clinic College of Medicine & Science (MCCMS).

• Collaborate with UX researchers, content specialists, and front-end developers to create cohesive and user-centered digital products.

• Develop and maintain UI documentation, design patterns, and component specifications for a component-based content management system.

• Advocate for inclusive, accessible, and user-centered design principles throughout the product lifecycle.

• Contribute to the strategic enhancement of digital storytelling and user engagement for diverse audiences, including learners.

📝 Enhancement Note: This role sits within the Mayo Clinic College of Medicine & Science, implying a strong focus on educational technology and user experience for academic and medical audiences. The "MCCMS" designation is critical for understanding the specific user base and the operational context of the digital products.

📈 Primary Responsibilities

• Contribute to all phases of the design process, from initial wireframing and user flow mapping to high-fidelity mockups and interactive prototypes.

• Conduct iterative prototype testing with UX researchers to gather user feedback and refine design solutions.

• Develop and adapt UI documentation, style guides, and component specifications for seamless hand-off to front-end development teams.

• Ensure all designs adhere to accessibility standards (e.g., WCAG) and best practices for various device types and screen sizes.

• Collaborate closely with content specialists to design effective page layouts utilizing established web components and patterns within a CMS.

• Partner with front-end developers to revise and optimize web components based on updated specifications, technical constraints, and performance metrics.

• Integrate user experience research findings and Mayo Clinic's brand identity into intuitive and visually appealing design patterns.

• Improve navigation schemes, interaction patterns, and digital storytelling capabilities to enhance user engagement and educational effectiveness.

• Build strong familiarity with a component-based content management system (CMS) and contribute to its ongoing development and optimization.

• Communicate design decisions and rationale persuasively to stakeholders, aligning design solutions with business objectives and user needs.

📝 Enhancement Note: The responsibilities highlight a need for a designer who can operate effectively within a structured, enterprise-level digital environment. Emphasis on component-based CMS, collaboration with content specialists, and adherence to established patterns suggests a focus on scalability, consistency, and efficiency in digital content delivery.

🎓 Skills & Qualifications

Education: Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field.

Experience: Minimum of 5-10 years of professional experience in UI/UX design, with a proven track record of designing digital products and experiences.

Required Skills:

• Proficiency in industry-standard design and prototyping tools such as Figma, Sketch, or Adobe XD.

• Strong understanding of user-centered design principles, interaction design, and information architecture.

• Experience with wireframing, user flow mapping, and creating interactive prototypes.

• Demonstrated ability to design for accessibility (e.g., WCAG compliance) across various devices.

• Foundational knowledge of HTML, CSS, and front-end development concepts to inform design feasibility and collaboration.

• Experience working within or designing for component-based content management systems (CMS).

• Excellent visual design skills, including typography, color theory, and layout composition.

• Ability to translate user research findings and business requirements into effective design solutions.

• Strong communication, presentation, and interpersonal skills to effectively collaborate with cross-functional teams and stakeholders. Preferred Skills:

• Experience in higher education, academic medicine, or healthcare technology sectors.

• Familiarity with SEO best practices and their impact on digital content design.

• Knowledge of UX research methodologies and participation in user testing.

• Experience with digital storytelling techniques and engaging content presentation.

• Understanding of A/B testing and data-driven design optimization.

• Familiarity with agile development methodologies.

📝 Enhancement Note: The experience level (5-10 years) suggests this is not an entry-level position, requiring candidates to demonstrate a solid portfolio of complex projects and a strategic approach to design. The blend of core design skills with technical understanding (HTML/CSS) and CMS familiarity is crucial for this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio showcasing a minimum of 5-10 significant UI/UX design projects, demonstrating a clear progression from problem identification to implemented solution.

• Case studies that detail the user problem, your design process, key decisions, and the measurable impact or outcome of your design solutions.

• Examples of wireframes, user flows, interactive prototypes, and high-fidelity mockups for various digital platforms (web, mobile).

• Demonstrations of your approach to accessibility design and how you ensure inclusive user experiences.

• Projects that highlight your collaboration with developers, content specialists, or researchers, illustrating your ability to work within a multidisciplinary team. Process Documentation:

• Showcase your ability to document design processes, including user journey mapping, information architecture diagrams, and UI specifications for developer hand-off.

• Provide examples of how you have contributed to or utilized design systems and component libraries within a CMS environment.

• Illustrate your iterative design process, including how you incorporate feedback from user testing and stakeholder reviews.

• Demonstrate how you consider technical constraints and performance implications in your design solutions.

📝 Enhancement Note: For a UI/UX role at an institution like Mayo Clinic, the portfolio is paramount. It needs to clearly articulate the candidate's problem-solving methodology, their understanding of user needs within a complex domain (healthcare/education), and their ability to deliver functional, accessible, and visually appealing digital experiences. Emphasis on process and system integration within a CMS is key.

💵 Compensation & Benefits

Salary Range: The estimated annual salary range for this position in Rochester, MN, for an experienced UI/UX Designer (5-10 years) is between $85,467 and $128,253 USD. This range is based on industry benchmarks for similar roles in major metropolitan areas, considering the specialized nature of healthcare and academic design, and Mayo Clinic's reputation as a leading institution.

Benefits:

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

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

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

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

• Retirement Package: Competitive retirement savings plan designed to support long-term financial security.

• Continuing Education: Opportunities and support for professional development, including courses, workshops, and conferences.

• Paid Time Off: Generous PTO accrual for vacation, sick leave, and holidays.

• Employee Assistance Program (EAP): Confidential counseling and support services.

Working Hours: Standard full-time work schedule is approximately 40 hours per week. The role is hybrid, requiring a combination of on-site presence at the Rochester, MN campus and remote work. Specific on-site days and flexibility will be determined based on team needs and project requirements.

📝 Enhancement Note: The salary range is an estimate based on AI analysis of similar roles in Rochester, MN, and the experience level specified. Mayo Clinic is a large, reputable organization, and compensation typically reflects this. The listed benefits are comprehensive and standard for large healthcare organizations.

🎯 Team & Company Context

🏢 Company Culture

Industry: Healthcare & Education (Academic Medicine). Mayo Clinic is a globally recognized leader in patient care, research, and education, with a deep commitment to its mission. The Mayo Clinic College of Medicine & Science (MCCMS) specifically focuses on educating future physicians and scientists, requiring digital tools that are both cutting-edge and highly functional for learning and administrative purposes.

Company Size: Mayo Clinic is a very large, non-profit academic medical center, employing tens of thousands of individuals across its campuses. This scale means robust infrastructure, established processes, and numerous opportunities for cross-departmental collaboration.

Founded: Mayo Clinic was founded in 1889. Its long history signifies a stable, mission-driven organization with a strong foundation in innovation and patient care.

Team Structure:

• The UI/UX Designer will likely be part of a digital experience or IT department within MCCMS, working within a dedicated team focused on educational technology and digital platforms.

• This team will include UX researchers, content specialists, front-end developers, project managers, and potentially instructional designers.

• Collaboration will extend to faculty, students, and administrative staff across various departments within the College of Medicine & Science. Methodology:

• Data-driven decision-making, leveraging user research, analytics, and stakeholder feedback to inform design choices.

• Iterative design and development processes, emphasizing continuous improvement and adaptation.

• A strong focus on user empathy, aiming to deeply understand the needs and challenges of learners, educators, and researchers.

• Adherence to established brand guidelines and accessibility standards to ensure consistency and inclusivity across all digital touchpoints.

Company Website: https://www.mayoclinic.org/ (Main), https://college.mayo.edu/ (College of Medicine & Science)

📝 Enhancement Note: The context of Mayo Clinic and MCCMS is crucial. This isn't a typical tech startup. The culture will likely be more formal, process-oriented, and heavily focused on the mission of patient care and medical education. The UI/UX Designer must be comfortable working within such an environment, prioritizing accuracy, accessibility, and user needs above rapid, trend-driven design.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as an experienced UI/UX Designer, likely mid-level to senior, depending on the specific team structure and scope of responsibilities within MCCMS. It requires a strong command of design principles and the ability to work independently on complex projects.

Reporting Structure: The UI/UX Designer will likely report to a Design Lead, UX Manager, or a Director of Digital Experience within MCCMS. They will collaborate daily with a cross-functional team of designers, developers, and content specialists.

Operations Impact: The UI/UX Designer's work directly impacts the effectiveness of digital learning platforms, administrative tools, and communication channels used by students, faculty, and staff within MCCMS. This role is critical in ensuring that these digital tools are intuitive, accessible, and contribute to the overall mission of medical education and research.

Growth Opportunities:

• Skill Specialization: Deepen expertise in specific areas like accessibility design, advanced prototyping, or user research methodologies within the academic medicine context.

• Leadership Development: Potential to mentor junior designers, lead design initiatives for specific projects, or contribute to the evolution of the design system.

• Cross-Functional Exposure: Gain broader experience by working on diverse projects across different departments within MCCMS and potentially other Mayo Clinic entities.

• Formal Training: Access to Mayo Clinic's extensive learning and development resources, including workshops, conferences, and potential certifications in UX/UI and related fields.

📝 Enhancement Note: Growth at Mayo Clinic, particularly in a specialized role like this, often emphasizes deepening expertise and contributing to the organization's mission. While rapid advancement may differ from startup environments, there are significant opportunities for professional development and specialized skill enhancement.

🌐 Work Environment

Office Type: This is a hybrid role, meaning it combines remote work with on-site presence at the Mayo Clinic campus in Rochester, MN. The on-site component is essential for collaboration and team integration.

Office Location(s): Rochester, Minnesota, United States. The specific office location within the Mayo Clinic campus will be provided upon hire. Employees must live within a 100-mile driving distance to the Rochester campus.

Workspace Context:

• Collaborative Environment: The Rochester campus offers modern facilities designed to foster collaboration among diverse teams. The hybrid model necessitates proactive communication and engagement.

• Operations Tools & Technology: Access to a robust IT infrastructure, including standard office software, communication tools (e.g., Microsoft Teams, Slack), and specialized design software and hardware.

• Team Interaction: Regular opportunities for in-person team meetings, design critiques, and cross-functional project discussions on campus, complemented by virtual collaboration tools for remote days.

Work Schedule: A standard 40-hour work week. The hybrid nature allows for some flexibility in scheduling, but on-site presence is required, particularly for key meetings, workshops, and collaborative sessions. Efficiency and effective time management are crucial for balancing remote and on-site responsibilities.

📝 Enhancement Note: The 100-mile radius requirement for hybrid work is a key operational detail. It ensures that employees can reasonably commute for required on-site days without the full commitment of daily office presence. This is a common model for large organizations seeking to balance flexibility with in-person collaboration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of application, resume, and portfolio by a recruiter or hiring manager to assess qualifications and experience.

• Portfolio Presentation/Review: Candidates will likely present a selection of their work, discussing their design process, problem-solving approach, and the impact of their designs. This is a critical stage.

• Technical/Skills Interview: May involve a design exercise, case study discussion, or technical questions related to UI/UX principles, tools, and accessibility.

• Behavioral/Team Fit Interview: Discussion with potential team members and hiring managers to assess cultural fit, collaboration style, and alignment with Mayo Clinic's mission and values.

• Final Interview: Often with senior leadership to discuss overall fit and strategic alignment.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best demonstrate the skills and experience required for this specific role (e.g., educational platforms, complex interfaces, accessibility focus).

• Tell a Story: For each project, clearly articulate the problem, your role, your process, the challenges faced, the solutions implemented, and the quantifiable results or impact. Use visuals effectively.

• Highlight Process: Emphasize your design methodology, from research and ideation to iteration and final delivery. Show your thought process, not just the final screens.

• Address Accessibility: Explicitly discuss how you incorporated accessibility standards and inclusive design principles in your projects.

• Prepare for Q&A: Be ready to answer in-depth questions about your design choices, rationale, and how you handle feedback and collaboration.

Challenge Preparation:

• Understand the User: Be prepared to discuss the specific user groups at MCCMS (students, faculty, researchers) and their potential digital needs.

• Focus on Mission: Frame your responses and portfolio examples in the context of Mayo Clinic's mission of patient care, education, and research.

• Accessibility & Inclusivity: Be ready to discuss best practices and demonstrate how you implement them.

• CMS & Component Design: If asked, be prepared to discuss your experience with component-based design systems and CMS environments.

📝 Enhancement Note: The portfolio review is likely the most crucial part of the application process for this role. Candidates should prepare thoroughly to articulate their design thinking and showcase projects that align with the educational and healthcare context of Mayo Clinic.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma, Sketch, Adobe XD (proficiency in at least one is expected).

• Wireframing & Flow Tools: Balsamiq, Miro, Lucidchart, or similar.

• Collaboration & Communication: Microsoft Teams, Slack, Zoom, Jira, Confluence.

Analytics & Reporting:

• Web Analytics: Google Analytics, Adobe Analytics (familiarity with understanding user behavior data).

• Data Visualization: Tableau, Power BI (ability to interpret data presented in dashboards).

CRM & Automation:

• While not directly a CRM role, understanding how user data is managed and how digital platforms interact with backend systems is beneficial. Familiarity with CMS platforms is key.

📝 Enhancement Note: Proficiency in core design tools like Figma or Sketch is non-negotiable. Familiarity with analytics and CMS platforms indicates a desire for a designer who understands the broader digital ecosystem and can contribute to data-informed design decisions.

👥 Team Culture & Values

Operations Values:

• Mission-Driven: A strong commitment to Mayo Clinic's mission of patient care, education, and research will be paramount. Designs should reflect this dedication.

• Excellence & Quality: A pursuit of the highest standards in all aspects of work, from design execution to user experience.

• Collaboration & Teamwork: Emphasis on working effectively within multidisciplinary teams and across departments to achieve shared goals.

• Innovation: Encouraging new ideas and approaches while maintaining a focus on user needs and organizational objectives.

• Integrity & Respect: Upholding ethical standards and fostering a respectful environment for all individuals.

Collaboration Style:

• Cross-Functional Integration: Expect close collaboration with UX researchers, content specialists, front-end developers, project managers, and potentially instructional designers or subject matter experts from MCCMS.

• Process-Oriented: A structured approach to design reviews, feedback sessions, and hand-offs, ensuring clarity and efficiency.

• Knowledge Sharing: A culture that encourages sharing best practices, design insights, and learnings across the team and organization.

📝 Enhancement Note: The values at Mayo Clinic are deeply ingrained and tied to its healthcare mission. Candidates should demonstrate how their approach to design aligns with these core principles, emphasizing user well-being, accuracy, and a collaborative spirit.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Diverse User Needs: Designing for a wide range of users, from medical students to seasoned researchers, each with unique digital needs and technical proficiencies.

• Navigating Enterprise Systems: Working within a large, established organization with existing systems, processes, and brand guidelines can present challenges in implementing new design paradigms.

• Hybrid Work Integration: Effectively collaborating and maintaining team cohesion in a hybrid work model, ensuring seamless communication and project continuity.

• Adhering to Strict Standards: Meeting rigorous accessibility, security, and regulatory requirements inherent in the healthcare and education sectors.

Learning & Development Opportunities:

• Advanced UX/UI Training: Access to specialized courses, workshops, and certifications focused on emerging trends in UX/UI design, accessibility, and educational technology.

• Industry Conferences: Opportunities to attend relevant conferences (e.g., UXPA, AIGA, higher education tech events) to stay abreast of industry advancements.

• Mentorship Programs: Potential for mentorship from senior design leaders within Mayo Clinic or participation in formal mentorship programs.

• Cross-Disciplinary Learning: Exposure to medical research, education methodologies, and healthcare practices to deepen understanding and inform design solutions.

📝 Enhancement Note: The challenges in this role are typical of large, mission-driven organizations. The growth opportunities are substantial, particularly for those looking to specialize within the intersection of healthcare, education, and technology.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI/UX project you led from concept to completion. What were the key challenges, and how did you overcome them?" (Focus on process, problem-solving, and outcomes).

• "How do you approach designing for accessibility, and what standards do you typically follow?" (Demonstrate your commitment to inclusive design).

• "Imagine you need to design a new feature for our medical student portal. Walk us through your initial design process." (Showcase your methodology and user-centric thinking).

• "How do you collaborate with developers and content specialists to ensure your designs are implemented effectively?" (Highlight your teamwork and communication skills). Company & Culture Questions:

• "What interests you about working for Mayo Clinic and the College of Medicine & Science specifically?" (Connect your motivations to the organization's mission).

• "How do you stay current with design trends, and how do you balance trends with established best practices and brand consistency?" (Show your adaptability and judgment).

• "Describe a time you received critical feedback on your design. How did you handle it, and what was the outcome?" (Assess your receptiveness to feedback and problem-solving). Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly outline the problem, your role, your design process (research, ideation, iteration, testing), key design decisions, and the results.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your designs (e.g., improved task completion rates, reduced error rates, increased engagement).

• Showcase Your Tools: Briefly mention the tools you used for each project and why they were appropriate.

• Be Prepared for Deep Dives: Expect questions about specific design choices, technical feasibility, and how your designs align with user needs and business goals.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just design skills but also an understanding of the unique context of Mayo Clinic and MCCMS. Emphasize empathy, a structured process, and a commitment to the organization's mission.

📌 Application Steps

To apply for this UI/UX Designer position:

• Submit your application through the provided link on the Oracle Cloud platform.

• Portfolio Preparation: Ensure your portfolio is up-to-date, easily accessible (e.g., via a live link), and prominently features projects that align with the requirements of this role, particularly those involving educational or complex digital interfaces.

• Resume Optimization: Tailor your resume to highlight keywords from the job description, such as "UI/UX Design," "Wireframing," "Prototyping," "Accessibility," "Figma/Sketch," and "CMS." Quantify achievements wherever possible.

• Interview Practice: Prepare to discuss your portfolio in detail, practice answering common behavioral and situational interview questions, and research Mayo Clinic's mission and values thoroughly.

• Company Research: Understand Mayo Clinic's role in healthcare and education, and specifically the mission of the Mayo Clinic College of Medicine & Science. This will help you tailor your responses and demonstrate genuine interest.

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