Jocelyne Sanchez
Product Design Portfolio
Company_SW.png

SolarWinds

SolarWinds Cloud

Application and Infrastructure Monitoring

 

SolarWinds is a global company offering over 50 products to various markets within the IT space. I joined the company in 2016 to work on Librato, which was part of their growing suite of acquired cloud monitoring services. It’s a fast-paced environment in a highly competitive market where the roadmap is always changing. A few months in, the decision was made to build a new product that combined the best of Librato with TraceView’s Application Performance Management capabilities. The new product, AppOptics would be targeted specifically toward DevOps teams. The MVP was designed, built, and released in under 6 months.

I worked on the new UI and several big features of the product alongside a team of 5 other designers.

Project Highlights:

  • AppOptics UI

  • Shared Design Assets

  • Host Views

  • Integrations

 
 
 Inventory of High Fidelity Sketch Components and Styles

Inventory of High Fidelity Sketch Components and Styles

 Host Map with Custom Threshold Editor

Host Map with Custom Threshold Editor

 Plugins Page with Hover Detail

Plugins Page with Hover Detail

 Plugins Page with Configuration Modal Open

Plugins Page with Configuration Modal Open

 
 
 

Process Examples

At AppOptics, we are always experimenting and improving workflows. Currently, the web team operates on 2-week sprint cycles and design is usually a few weeks or months ahead depending on the product roadmap and size and complexity of upcoming projects. I meet formally twice a week with the design team, and twice a week with the web team to share project updates and general company news. I also meet once a week with my design manager to get more in depth feedback on whatever project(s) I’m actively working on. My team uses Slack, Jira and InVision on a daily basis to provide feedback to one another and move projects along.

For larger projects, there is usually a kickoff meeting between members of product, design, and web where we can discuss project goals and timeline and go over the accompanying Functional Spec Doc(s) outlining technical requirements. Once I feel knowledgeable enough about the project, I will start a Design Spec Doc. I’ll list out action-oriented user stories for each goal, and provide low fidelity sketches to illustrate early concepts. This process helps me make sure I’m on the same page as product, and allows me to think through the problem with the users and end-goals in mind.

The images below are just to highlight the various stages of fidelity I deliver in my process to find the best solution. A more detailed look at specific projects is in the works.

 
 

Paper Sketches and Wireframe Concepts

 
threshold-sketch-1.png
threshold-sketch-3.png
 
 
js-thresholds-v2@2x.png

Annotated High Fidelity Deliverables

states-bar@2x.png
states-threshold-editor@2x.png