MSIM.com Redesign
Redesigned msim.com, Eaton Vance and Calvert homepages, About Us, and Capabilities pages, while leveraging a new design system for cohesivity.
To comply with my non-disclosure agreement, I have omitted some information in this case study. All information in this case study is my own and does not necessarily reflect the views of Microsoft.
Product Type
3 distinctly branded, responsive websites
Accompanying design system
Time Frame
2022 – 2024
Team
UX Design teammates, PMM, design manager
Other stakeholders:
Digital content manager, dev team
My Role
After Morgan Stanley Investment Management (MSIM) acquired
Eaton Vance & Calvert in 2021 and engaged PwC to
come up with the visual aesthetic for our redesigned site,
I worked with UX teammates to expound upon that initial work and create a visual language for each distinct site.
Eaton Vance and Calvert merger
Following the acquisition of Eaton Vance and Calvert and the initiative to redesign the MSIM site, it was essential to align the new sites with the Morgan Stanley brand while ensuring each maintained its own distinct identity.
We produced 50+ templates to support all 3 sites and global requirements. We’re also still in the process of developing and refining an accompanying Design System with tokenization to support each brand which will be consumed by the design and development teams.
About Us pages
As part of the initial site launch, we needed to complete all of the About Us pages. These pages were the most involved, as we had to partner with editorial, brand and stakeholders to complete them. We started off by creating the templates we think will work for the content, and partnered very closely with editorial to flesh out the pages with the actual content.
From there, we had to determine whether the modules we chose worked well or if we needed to create new ones to support the experience we wanted to create, while being mindful of not introducing new unnecessary elements to our evolving design system.
Homepage and Capabilities pages
We also finalized several of our primary content heavy pages: Homepage & capability pages. We aren’t planning to use colors as liberally throughout the site, but we felt like it was appropriate to include on these high level pages to make them feel a bit more unique than the rest of the site, while tying it back to colors shown on the homepage. We spent a lot of time refining these pages, as they will be our entryway and first impression of the site.
