As I worked closely with the team to identify important components for the application, I start thinking about different breakpoints for the design. The pink line drawn across indicates the responsive fold for various resolutions.

Screen resolutions from top left to right: (360x640), (640x360), (720x768), (1366x768).

The large image below is resolution is for (1920x1080).

Study has shown that now the most common resolution is 1366x768. 

I usually design from that resolution and move down toward the 360x. I find it's easier to think about what can start consolidating and hide components as the resolution gets smaller on mobile devices.

Full set of wireframes for a "presentation ready" system that leverage data visualization (D3) with real-time data.

Created a quick application design to match people with each other to play ping pong.