The Summer of 2020 I assisted on a project designing and developing a centralized application for a legal service company. This application helps both the and their clients by highlighting key metrics about Cost, Spend, Utilization, and Productivity.
My contribution to the project included aggregating survey responses into a report, creating and iterating on UI elements, writing interaction notes, and solely developing an HTML/CSS style guide.
Below are a few screenshots of the work I did over the summer. All the wireframes were created in Sketch.
Report of Survey Responses
Before designing anything, I compiled a report based on UXR/SME survey responses to better gauge the potential needs and market opportunities within in-house legal department software. Below are a few samples of the report.
%20and%20Skillsets%20Identified.png)
Wireframes of Modal Windows
My first design task was to create wireframes for various modal windows within the application. In addition, I wrote interaction notes to describe how users would interact with them within the context of the application.
Wireframes of Data Visualizations
In addition to wireframing various UI elements and interactions, I was challenged with creating data visualizations to convey the most pressing information at a high level without being overwhelming. To help limit the sheer amount of data available at once, I leaned on menus to pivot into different perspectives or options to drill-in for more granular data.
Each visualization was created after participating in numerous feature requirement gathering sessions with stakeholders throughout the summer.
Style Guide
Following this, I was solely responsible for creating a style guide to help communicate the design styles established in the wireframes to the developers. For each significant UI element, I explained its context within the application, created examples, and listed out the necessary modifications to basic Bootstrap elements.
Given the COVID-19 pandemic and ensuing quarantine, I'm extremely grateful for the opportunity to work and learn over the summer.
Working remotely for the first time definitely had its difficulties, especially without other interns to interact with. While my previous work experience prepared me for meetings and working with client/stakeholder needs, I still faced my fair share of hurdles. Since this was my first design position, I struggled with receiving design critiques at first, but was quickly able to turn them into motivation for growth.
I've come out of this experience with the mindset of someone more than happy to receive any and all feedback or criticism. My time at Metrik has also shaped me into a better communicator (especially over video calls) and most importantly jump started my passion for design.