The Challange

Array Technology is a document intelligence company that primarily serves the financial and real estate industries. For such businesses that depend on reliable access to data, Array realized an ECM system in not always enough when you’re dealing with millions of documents daily.

heuristic analysis summary
heuristic analysis summary

The Business

Array’s unique product automates the document management process with increased scale and quality of document imaging. Their product allows for reduced labor costs, more acute data mining, and improved functionality of ECM systems. This ultimately delivers better business intelligence and helps to minimize risk.

Roles & Responsibilities

As a UX Designer I was hired to lead the direction of design for the Array brand, as well as the design and front end development for the Array Cloud product. The goal of my position was to take a very complex product and improve upon the usability to create a satisfying user experience within an Agile environment.

Brand Refresh

Array already had an established brand, but it was limited when it came to the digital world. I introduced a secondary color palette that was used to distinguish product features, but would still remain a part of the primary color family. Intentionality is key, so color decisions should be lasting decisions.

Once the secondary palette was implemented a more readable and reliable font face was introduced. Lato was chosen as the primary typography as the semi-rounded details offer a level of professionalism and fun.

  • Navy
    500
    #0E1E2B
  • 50*
    #DFE1E3
  • 100
    #B4B9BD
  • 200
    #878F95
  • 300
    #55616A
  • 400
    #313F4A
  • 500*
    #0E1E2B
  • 600
    #0B1B27
  • 700
    #0A1822
  • 800
    #08151E
  • 900
    #070F17
  • Green
    500
    #68C52E
  • 50*
    #ECF7E5
  • 100
    #D0EDC1
  • 200
    #B4E39A
  • 300
    #94D670
  • 400
    #7ECE50
  • 500*
    #68C52E
  • 600*
    #5EB329
  • 700
    #539F26
  • 800*
    #498B21
  • 900
    #366718
  • Gray
    500
    #C0CCDB
  • 50*
    #F7F9FA
  • 100*
    #ECEFF4
  • 200*
    #E0E6ED
  • 300*
    #d3dbe5
  • 400*
    #c9d3e0
  • 500*
    #c0ccdb
  • 600
    #aeb9c7
  • 700
    #9ca5b2
  • 800*
    #88919a
  • 900
    #646A72
  • Purple
    500
    #7e80ea
  • 50
    #eeeffc
  • 100
    #d7d8f9
  • 200*
    #bfc0f5
  • 300
    #a4a6f0
  • 400
    #9193ec
  • 500*
    #7e80ea
  • 600*
    #7274d4
  • 700*
    #6668bd
  • 800
    #595ba6
  • 900
    #414379
  • Blue
    500
    #C0CCDB
  • 50*
    #e3edfa
  • 100
    #bad5f1
  • 200
    #92bce9
  • 300*
    #64a0df
  • 400
    #438dd8
  • 500*
    #2178d2
  • 600*
    #1d6dbe
  • 700
    #1961aa
  • 800*
    #195595
  • 900
    #103e6d
  • Yellow
    500
    #ffd026
  • 50*
    #fff9e5
  • 100
    #fff1c1
  • 200
    #ffe89a
  • 300
    #ffde6e
  • 400
    #ffd74d
  • 500*
    #ffd026
  • 600*
    #e9be21
  • 700
    #d0a920
  • 800*
    #b6941d
  • 900
    #856d16
  • Red
    500
    #f3495a
  • 50*
    #fee7ea
  • 100
    #fcc7cd
  • 200
    #faa4ad
  • 300
    #f67f8c
  • 400
    #f46473
  • 500*
    #f3495a
  • 600*
    #dc4251
  • 700
    #c53a48
  • 800*
    #ac3440
  • 900
    #7e262e

User Experience Design

Part of any good UX is having a solid understanding of the user requirements and being their advocate. This starts with conducting user research and evaluating the feedback.

Once I had gained this insight I was able to create a hierarchy of user interactions based on level of importance. Since the product is so complex this was a very important stage. This included subjecting early-stage designs to usability testing and offering implementation suggestions from a user-centered perspective.

Part of being a UX Designer is also understanding that creating a positive user experience is never “complete”; it takes many iterations that are subjected to testing. So the cycle was just beginning.

User Interface Design

The existing product’s design could be overwhelming as it contained an abundance of user actions and tasks. To create a more focused and streamlined user experience I utilized the updated colors and typography from the brand refresh to help visually distinguish different user types, processes, elements and etc., along with dismantling the current choices into individual pages to help reduce the amount of decisions a user has at one time.