The Collected Works - Starry - 01

Starry UI & Animations

“We want you to visualize the Internet.” Yep. That’s seriously what the Starry team told us in our first conversation. We told them, “that might be NSFW — but we’ll see what we can do.”

The Starry team had a truly rad mission — they wanted people to control and understand their Wi-Fi like never before. So they built a powerful router with a touchscreen display that was beautiful enough to showcase on a desk and simple enough for any mom to use. No more blinking lights to decode. Just a better way to stay connected to all the amazing stuff on the Internet (cat memes included).

Through lots of testing and iterating, we discovered that the visualization of floating orbs (representing connecting devices) had a very immediate and beautiful quality. So this became our design language, with devices that are connected to a network would be represented by colored spheres, floating and drifting in space.

See, the Internet can be Safe For Work.

Client

Starry

The Collected Works - Starry - 04
The Collected Works - Starry - 05
The Collected Works - Starry - 06
The Collected Works - Starry - 10
The Collected Works - Starry - 11

The color system also played a key role. We established that “healthy devices” represented their signal strength in shades of blue, and “problem devices” displayed a bright red, making it simple and intuitive for a user. This same logic would be carried across all data visualization: shades of blue meant everything was cool and red indicated there was a network problem.

The Collected Works - Starry - 15
The Collected Works - Starry - 12
The Collected Works - Starry - 08
The Collected Works - Starry - 17
The Collected Works - Starry - 20

Rad Work for Rad People™

About

© 2024 The Collected Works Design LLC

The Collected Works

Rad Work for Rad People™

Set in Beatrice by Sharp Type & Editorial Old by Pangram Pangram

Development by Nick DiMatteo

TCWTCWTCWTCWTCWTCW
Loading Starry UI & Animations