View Prototype

J.P.MorganChase & Co Employee Intranet

J.P.MorganChase &
Co Employee Intranet

The JPMorganChase Employee Intranet is a conceptual employee intranet experience that focuses on being more proactive for the user, more personalized, and more intuitive.

Project Type

Intranet - Conceptual

Team

UX Designer - Me + 3

Visual Designer - 2

Producer - 2

Company

JPMorgan Chase

Role

As a UX Design fellow on this product, I contributed to help shaping site architecture, navigation, and key wireframes (homepage, notifications, tasks, search) to support multiple personas—new hires, managers, and standard employees.

Context

During my time as a UX Design Fellow at Code & Theory, my first major assignment was to reimagine REI’s Uncommon Path blog and its e-commerce experience. Our goal was to transform Uncommon Path into a dynamic online community that reflects REI Co-op’s core values of exploration, inclusivity, and environmental advocacy

Context

I contributed by researching intranet best practices and common patterns, uncovering pain points and opportunities for improvement in the process. Analyzing the template system, wire framing, and continuously ideating the experience of the future employee intranet experience for JP Morgan client. As a UX Design fellow I worked along side a Senior Designer assisting her with tasks throughout the project. You can see some of the project exercises and tasks I completed below.

Context

During my time as a UX Design Fellow at Code & Theory, my first major assignment was to reimagine REI’s Uncommon Path blog and its e-commerce experience. Our goal was to transform Uncommon Path into a dynamic online community that reflects REI Co-op’s core values of exploration, inclusivity, and environmental advocacy

I started the project by inspiration gathering. Doing this allowed me to uncover areas of oppurtunity.

Research and Inspiration

I began analyzing consumer grade products—focusing on proactive" experiences in navigation, quick links, and notifications. I used Figjam to organize my findings. I added screenshots and notes to inspiration examples to later share with the team.

Pulled insights from JPM Personas. I brought these insights into Figma so the wireframes would reflect real user needs. The three key experience scenarios we focused on were new hires, managers, and existing employees.

Power Career Growth

Purpose: Equip employees with resources for skill building, mentorship, networking, and advancement—supporting both personal growth and broader organizational goals.

Experience Goals:


  • New Hires: Show structured pathways for growth and immediate access to mentorship opportunities.

  • Existing Employees: Surface training resources and job postings to encourage upskilling and upward mobility.

  • Managers: Enable tracking of team skill development and performance milestones, making career support more straightforward.

Power Career Growth

Purpose: Equip employees with resources for skill building, mentorship, networking, and advancement—supporting both personal growth and broader organizational goals.

Experience Goals:


  • New Hires: Show structured pathways for growth and immediate access to mentorship opportunities.

  • Existing Employees: Surface training resources and job postings to encourage upskilling and upward mobility.

  • Managers: Enable tracking of team skill development and performance milestones, making career support more straightforward.

Navigate My Day

Purpose: Streamline daily tasks and responsibilities by syncing calendars, contacts, and frequently used tools—minimizing clicks and boosting productivity.

Experience Goals:


  • New Hires: Present role-specific tasks and important contacts to reduce confusion.

  • Existing Employees: Centralize calendars, favorite apps, and reminders to make daily tasks more efficient.

  • Managers: Integrate approvals or HR requests seamlessly into a daily view, eliminating back-and-forth.

Navigate My Day

Purpose: Streamline daily tasks and responsibilities by syncing calendars, contacts, and frequently used tools—minimizing clicks and boosting productivity.

Experience Goals:


  • New Hires: Present role-specific tasks and important contacts to reduce confusion.

  • Existing Employees: Centralize calendars, favorite apps, and reminders to make daily tasks more efficient.

  • Managers: Integrate approvals or HR requests seamlessly into a daily view, eliminating back-and-forth.

Keep Informed of Employee Benefits

Purpose: Centralize all policy and benefit information so it’s easy to find, especially during key career moments (e.g., onboarding, life changes).

Experience Goals:


  • New Hires: Offer a quick, at-a-glance overview of essential benefits during onboarding.

  • Existing Employees: Provide immediate access to relevant policies (e.g., parental leave, insurance updates) when personal circumstances shift.

  • Managers: Supply clear, consolidated policy references to easily guide team questions and requests.

Keep Informed of Employee Benefits

Purpose: Centralize all policy and benefit information so it’s easy to find, especially during key career moments (e.g., onboarding, life changes).

Experience Goals:


  • New Hires: Offer a quick, at-a-glance overview of essential benefits during onboarding.

  • Existing Employees: Provide immediate access to relevant policies (e.g., parental leave, insurance updates) when personal circumstances shift.

  • Managers: Supply clear, consolidated policy references to easily guide team questions and requests.

Stay Connected

Purpose: Unify employees by surfacing events, news, announcements, birthdays, and milestones, encouraging participation and community.

Experience Goals:


  • New Hires: Present a clear view of the company's culture and social happenings so they can quickly feel part of the community.

  • Existing Employees: Make it easy to discover and join events, birthdays, or milestones, fostering shared experiences with minimal effort.

  • Managers: Provide simple tools to create and share announcements, boosting team and department engagement.


Stay Connected

Purpose: Unify employees by surfacing events, news, announcements, birthdays, and milestones, encouraging participation and community.

Experience Goals:


  • New Hires: Present a clear view of the company's culture and social happenings so they can quickly feel part of the community.

  • Existing Employees: Make it easy to discover and join events, birthdays, or milestones, fostering shared experiences with minimal effort.

  • Managers: Provide simple tools to create and share announcements, boosting team and department engagement.


In parallel we worked on Site Architecture. We had to figure out how to templatize a dashboard experience that would be dynamic.

Defining Template System

Match page templates to the site maps - Unlike most websites, where a single template is used for multiple pages, the new JPM dashboard experience changes its layout depending on the end user. To illustrate this concept, I was given a template key developed by the project lead and our senior designer. Together, the senior designer and I matched these page template types to the existing site map (the exercise is pictured below).

Template types were broken up as follows:

  • Unique/limited reuse: Essentially navigation tabs, search, and notifications

  • Category Level: Settings, tools, employee, profile, listing pages, and section/category (content module) dashboard

  • Detail Pages: Article page, community page, course page, information detail page, etc.

Navigation

Additionally, I explored two mega-menu strategies—progressive versus fully exposed. I compiled examples from reputable websites and annotated them in Figma, focusing on which approach would best serve JPMC’s employees. In the end, the team chose the progressive exposure navigation.

Ultimately, this interaction pattern allows users to easily digest information preventing fatigue. This pattern helps users digest information easily, reducing fatigue. JPM's research enables them to implement the most popular navigation paths logically.


Default

Active

As the team begun designing, I was able to contribute to specific features. Feature #1 - JPMC Calendar.

Homepage and Dashboard

  • I Researched how “consumer-grade” experiences handle personalization, which informed the intranet’s quick links, task cards, and recommended content

  • Additionally, I assisted with designing modules in sections such as People & Community, Newsfeed, plan-ahead, and “PTO/holiday” calendar module of the new joiner dashboard experience
    (Module Featured Below)

Feature #2 - Career Learning and Development Module.

Career learning and development content card

Site Map

Now let’s turn to the reflections and see how this project has shaped my experience.

See Ya Later!

I appreciate you stopping by and taking a look at my work. Let's stay in touch 🤝

Now let’s turn to the reflections and see how this project has shaped my experience

Reflections + Takeaways

This project was one of the most exciting and dynamic endeavors I’ve tackled at Code & Theory. I explored everything from initial inspiration and information architecture to wireframing and high-fidelity design. Our team pushed for innovative interaction patterns and developed a new intelligent search feature for JPM employees. While the work was conceptual, I’m eager to see how JPM implements and refines it. This intranet experience is far more personalized, intelligent, and intuitive than typical solutions, and I’m proud that our groundwork will guide similar projects in the future.

I’m most proud of…

I contributed specifically to the employee calendar feature and the “manage your week” module. Because we were building out a dashboard, it included various modules in a confined space, so I had to consider both interaction challenges and sizing constraints. This meant not only solving for functional design issues, but also ensuring the layout remained compact while clearly conveying key information.

I Added Value…

The team was comprised of visual designers and UX Designers who were Senior level and higher. Being the least experienced designer on the team, I still found ways to add value:

Client Meetings: I was attentive, took notes, and messaged team members privately with ideas as soon as topics arose—letting them know I was actively thinking through points from both our team and the JPM clients.

Collaboration: I was paired with a senior designer. Whenever I was online, I consistently asked if she needed help and made it known to the rest of the team that I was available for assistance.

Ideation: I’ve been told I excel at coming up with ideas and seeing problems from fresh perspectives. Throughout the project, if an idea came to mind, I sketched it on my iPad and shared it with the relevant team member. The team was incredibly supportive, encouraged me to keep sending inspiration, and often referenced my sketches for wireframes and final designs.

What the work did for me?

This project helped me grow in multiple ways as a UX designer:

Balancing Stakeholder Needs: I learned how to accommodate diverse users—from new hires to managers—within a large-scale corporate environment.

Rapid Iteration: Due to tight deadlines, we had to iterate quickly, which taught me how to synthesize feedback in real time and refine designs under pressure.

Personalized Dashboard: Because this experience was meant to be personalized, scalable, and adaptable based on user needs, it was fascinating to see how my teams process for templatizing a distinctive dashboard experience.

See Ya Later!

I appreciate you stopping by and taking a look at my work. Let's stay in touch 🤝