Client

Volvo Cars

Agency

R/GA

The Story Stream module presents curated activity from selected social media platforms supported by StoryStream.it, a content curation tool & social media aggregator.

I was responsible for the visual design of this module and handed it over for development at our office. I reviewed the final implementation and this module was then included into the Polestar project.

Volvo storystream devices 7a4a1a06d41cde60fc68e8f8c1ed668045f302d02d5dc67f8eccb572d85e53ba

Designing the Cards

Starting with the bare minimum, a Story Stream card is built from the ground up in order to grow organically with the content it receives.

Volvo storystream minimal 1 586c55e3d7aff591466bad9bce942d64276496cb9d02a7f5c6e27c8d1a2122c8

First incorporating the essentials…

The first thing I did was looking into what content the Story Stream delivers, specifically which parts are prescent for all posts. I then designed the first card containing only this:

  • Text
  • Author
  • Profile image
  • Icon
  • Date
  • Source
Volvo storystream minimal 2 3 1aac140dbf0c0edb3c71ce7ab9985f1270b8dba7644a2910297347bb504399b1

I then grew the design from there

On top of that most posts contain an image or a video. I also found that most videos also contain a Title. Based on that I then extended the minimal card above with these attributes:

  • Image
  • Video
  • Title
Volvo storystream minimal perspective 2 4012f2e506b4775a556595424d1d3237838a6779199c2b801591fe54414f58ae

The White theme

Since the volvocars.com design system supports two themes, I designed that as well with the system from the dark theme in mind.

Volvo storystream devices white b1486e2c81c003425ede6e2f7ffcf72928db03a31a2f4fb963709463885ca0e3