Design Systems – Enterprise

Modular Design Systems
Enterprise Platform

Case Study

Altisource is a leader in providing services and technology for the mortgage and real estate industries. Their client list had gotten so big that it was necessary to break apart their monolithic software platform and create a more modular design system so they could quickly build a smaller, more customizable product.

My Role

UX Lead. / Creative Direction. I was responsible for leading research studies with existing clients and identifying their pain points. I designed/created a modular library that the architecture team could use to quickly build products that suited each new client. I delivered and shipped all of the wireframes, prototypes and visual design for this project.

Skills

Axure. Photoshop. Illustrator. PowerPoint.

Problem

Smaller financial institutions and credit unions needed the default lending platform that Altisourse had built for larger banks but didn’t need all of the functionality or compliance that the big banks required.

Solution

Design a modular system that can be made to order and scale at will. Then interface that system with a dashboard to provide users with quick, customizable access to their desired content.

Information Architecture

I worked closely with the Product Owner, BA’s and Architecture team to come up with this initial structure that held true to launch. My goal here was to have as few clicks as possible from the dashboard navigation.

Architecture

Next, I wanted to discover our parameters and technical limitations. I worked closely with Architecture, Database, and Engineering teams. Together we collaborated on the best solutions for the software.

Site Map

Next, I wanted to learn were our current customers pain points were. From there I designed screen flows and presentations to showcase the applications basic structure and customizable features to our stakeholders and product owners.

Modules – Wireframes

I created wireframes that we could make quick prototypes for the AOS users. I created everything in Axure so I could prototype and deliver polished visual comps all in one tool.

Modules – Visual comps

After all the prototypes went thru multiple rounds of testing we were ready to launch our 1st iteration of this immense project. Each client could customize their look and feel, add their logo and choose the modules that fit their needs.

AOS_Company_Profile-4d-Services-Manage_Services-Edit_Service-v4

AOS_Company_Profile-4c-Services-Manage_Services-Selected-v4

AOS_Underwriting_Orders_Individual-2a-Client-Expanded-Tasks_Tab-v3

AOS_Underwriting_Orders_Individual-3-AOS-Collapsed-Conditions_Services_Tab-v4

AOS_Underwriting_Orders_Individual-5-AOS-Collapsed-Documents_Tab-v3.1

AOS_Company_Profile-2f-Add_Company-v4

AOS_Company_Profile-4a-Services-v4

AOS_Company_Profile-2-Add_Company-v4

AOS_Company_Profile-2e-Add_Company-v4

AOS_Underwriting_Orders_Individual-2b-AOS-Expanded-Tasks_Tab-v3

AOS_Company_Profile-1-v4

AOS_Company_Profile-5a-Users-v4

AOS_Company_Profile-2b-Add_Company-v4

AOS_Company_Profile-2d-Add_Company-v4

AOS_Company_Profile-3b-Company_Info-Edit-v4

AOS_Company_Profile-3a-Company_Info-Read_Only-v4

AOS_Underwriting_Orders_Individual-3-AOS-Collapsed-Conditions_Services_Tab-v3

AOS_Company_Profile-4e-Services-Manage_Services-Edit_Service-Add_Contact-v4

AOS_Underwriting_Orders_Individual-4-AOS-Collapsed-Comments_Tab-v3

Then we put it all together

Next we went use case by use case and built out an experience that allowed the next generation of small to mid-size banks and credit unions track their real-estate assets with ease.

Visual Identity System

Building out the visual identity system was my next mission. From the fonts and colors to the icons and everything in between, I designed a simple, clean pattern library with code snippets and every graphic down to the atomic level.