top of page

Team Site Redesign
Web Design

Background:

Blue Shield of California's Health Innovation Team (HIT) has not made updates to their team site in several years. There have since been changes to platform capabilities, company branding guidelines, team structure, strategic initiatives, and accomplishments. I was tasked with partnering with our engineers to design and build a new team site for my department. 

 

Timeline:

6 months

Roles:

Visual Design

Tools:

Figma, SharePoint, Microsoft Teams

figma screenshot for portfolio.JPG

Problem:

The HIT team is engaged in project work through market triggers, changes in technology, and requests that align with strategic needs. Due to the team's reliance on collaboration with other stakeholders within the organization, it is important to have a single source of information on the department and how to engage with us.

"How will the rest of the Blue Shield organization access information on our team, the work we do, and connect with us on potential future engagements?"

Solution:

HIT's new team site is a visually appealing and intuitive SharePoint site that guides visitors through the team's purpose, capabilities, completed work, and path to communication. It also follow's Blue Shield's new branding guidelines. The goal is to encourage cross-functional collaboration on innovative initiatives and highlight the departments contributions to date. 

Research: 

I conducted interviews with our engineers and department leaders to discuss content needs, and the technology capabilities of our platform options. I also connected with several other teams outside of HIT to understand how they stood up their team site and understand what has worked for them versus what has not. 

 

Wireframes:

Mid-fidelity

v1 teamsite design.JPG

Process:

The design process for this internal Team's site involved meeting with key stakeholders including the impacted team leaders, forward engineers, and previous site owners to determine needs and motivations for the site. Various interviews were conducted to understand:

  • The purpose behind the site

  • Features that would be most useful in meeting that purpose

  • Accessibility concerns

  • Feasibility of prioritized feature integration

Over the course of these meetings, and several critic sessions, I developed 9 iterations of site designs.

High-Fidelity

figma screenshot for portfolio.JPG
Screenshot 2.JPG

Visual Arctitecture:

The site's visual architecture followed Blue Shield's standard branding and design guildelines.

branding 3.JPG
branding 2.JPG
branding 4.JPG
branding 1.JPG

Implementation: 

I collaborated with the engineering team, and product strategy team to transfer my designs onto the SharePoint platform. 

Reflection: 

This was my first official design project with Blue Shield of California. While there was a lot more freedom building an internal site versus and external site, I did not realize how many iterations and design critique sessions that I would go through. It's taught me to never take feedback personally and to always keep any open mind. Additionally, I appreciate the flexibility from my stakeholders to publish and iterate on the site over time. 

bottom of page