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.
The Challenge
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.
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.
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.
Team Members
This work was done while employed by Array, working in an interdisciplinary team that includes design, engineering, product, data science & research.
