Process

Old Website

This is the original design for nextLI, before I was hired to make UI changes. I wanted to make the site more open and inviting.

Sketches

One of the challenges in this project was finding a way to display data in a way that was concise and engaging. The solution came to be a large and provocative data sample, something that would entice a user to click-through. The solution, a big number with an infographic gradient, came from these sketches.

I had to work through the layout for the dekstop site after we had mobile pinned down. Here are some sketches displaying how the copy should flow.

Some sketches, these are of unused options. I worked through several different sketched wireframes, and unused comps to come to a solution. I took some of my approach in these sketches - including cards with data - and worked them into the final design.

Wireframe

Though the design changed considerably when we moved into UI design, this was the original wireframe, with large text to tell the story of NextLI.

Style guide

I designed a styleguide, featuring colors, UI elements, images, and typography for the team to utilize after my departure. This empowers them to make the site their own and to help it to continue to grow and thrive.

Sketch files

I'm a process heavy, iterative designer and found creating multiple iterative sketch files the best way to build toward a solution to this product.