Art Direction
FCT
With a public-facing website and nearly 15 consumer portals and web applications, FCT needed a way to unify the look and feel of all of its products…enter, a brand-new design system.
FCT helps with every step in the various process involved in the real estate industry from consumers to lawyers to mortgage brokers to bankers. They’ve built multiple digital products intended for different audiences to help support and close residential & commercial property deals. However, they’ve all been built in siloed environments with disparate teams.
I was tasked with building a design system that could unify the corporate website and all the various portals visually and create a consistent user experience.
Using the atomic design philosophy, I started by building ‘atoms’ such as a form label, an input, or a button. Then moving on to build ‘molecules’ or ‘organisms’ like core components and pages
I built every aspect of the DSL with Figma Shared Libraries in mind. All of FCT’s internal teams were trained on Figma so they could share the master design system we created to update current products and use this system to build new pages or products in the future.
Explore some of the key features of the design system below.