![](https://cdn.myportfolio.com/c0842bcf-1e14-4eb9-aa10-44f75daf2fe5/c45a0b6c-39ed-4354-b3e7-7a12e959f3f5_rw_1920.jpg?h=c02903d4ffe04336916d06f0cac6f5b5)
![](https://cdn.myportfolio.com/c0842bcf-1e14-4eb9-aa10-44f75daf2fe5/9f294391-13a3-4c9d-a78f-ad0dbaff7719_rw_1920.jpg?h=65f70f71292fe6ccb99a24184d7310d8)
Design System
Building upon the brand refresh, we implemented a fully functioning Figma based design system/component library allowed us to move from wireframes to visual design quickly. Staying fluid and updating/evolving the system as we built out more and more experiences was critical.
![](https://cdn.myportfolio.com/c0842bcf-1e14-4eb9-aa10-44f75daf2fe5/3352d8ee-7056-49be-8e0a-796f146587ee_rw_1920.jpg?h=7ea0b6d85759139e3ae94e2208363515)
![](https://cdn.myportfolio.com/c0842bcf-1e14-4eb9-aa10-44f75daf2fe5/33fb7c86-4915-4d81-b64f-b8315a3cc146_rw_1920.jpg?h=9d40e3ade8a95f64a85115da1bc6b967)
![](https://cdn.myportfolio.com/c0842bcf-1e14-4eb9-aa10-44f75daf2fe5/76c1b3a9-d7da-45da-b422-ef2b41970d9a_rw_1920.jpg?h=c208e197c9bd33d3aaca893339162437)
Mega Menu
Given the nature of CapCenter's business being split between Mortgage, Realty & Insurance, it was critical to create a navigation that was easy to use, but effective in separating content based on user intentions. We opted to utilize a mega menu structure that is consistent across the three lines of business.
![](https://cdn.myportfolio.com/c0842bcf-1e14-4eb9-aa10-44f75daf2fe5/696c2e43-63ac-4dee-9da3-d419d6664b05_rw_1920.jpg?h=88dde7d4017c6fa74b27e42773bd07ac)
This is a work in progress piece as we are not yet finished designing the rest of the site. It has begun development and should be live soon!