Re-brand it | VOGUE Style
(Viz not posted to tableau public as the fonts don’t render )
Source – Storytellingwithdata
This months challenge was a fun one! Re-brand Cole’s chart (note it’s FAKE data) with the look and feel of another brand.
The SWD challenge
Rebrand this graph in the style of your choice, you are welcome to use any tool). Feel free to take liberties as you’d like with the specifics of the data for the purposes of the exercise. In your commentary, in addition to the brand—which can be anything (your company, a sports team, a university, use whatever you’d like as inspiration for your design!)—please outline the steps you took to get familiar with it and how that played into your redesign. Share any specific resources used and learning from your process, too!
Where to start with a re-brand? The choice was quite clearly enormous, so I set to with a quick google search for iconic brands and their successful logos, quickly scanning through I soon spotted and was drawn to the VOGUE logo.
VOGUE uses font didot and has the iconic elegant cosmopolitan feel. I think Mike nailed it in his comment below:
Next I took a moment to scan through past VOGUE magazine issues to get an idea of the style and positioning of text and labels, i decided to base my viz on this example below show casing a very classic VOGUE look, predominantly black and white with a splash of colour.
A quick ‘how I constructed my viz’
The default VOGUE style always has an image of a ‘beautiful’ person on the cover but not really appropriate for this viz, so I focused on trying to stylize the text and positioning elements.
To get Tableau to present the line chart I needed to do a touch of prep.
- Spin the data around so we had a year column and years running downwards
- Create a column and denote actual or forecast per data row
Whilst there isn’t much technically going on with viz (just a line chart with actual and forecast). I wanted to throw down a few key elements that helped in the construction of the dashboard.
- Float all the textual elements (text and chart)
- Download the didot font to my machine and restart tableau to get it to appear in the tableau font list (add link)
- Used century gothic for the annotations and smaller text – didot was unreadable in the comment text so left it for the titles and big text only.
And that’s about it. As always it doesn’t need to be complicated to be effective (and look a bit classy).
Thanks again Cole for your great monthly challenge which never fails to provide me with a fairly open ended viz topic to get my teeth into.
Thanks for reading