[ UX / UI  ]

Violet Book /
Crafting a digital platform for the female lead editorial.

Role
Digital Design Lead
Agency

Master

Credits
Joel Kitzmiller (CD)

Violet magazine invites the most talented and highly sought-after female photographers, stylists, editors, artists and writers in the world to collaborate and make each issue of Violet a landmark. After years in print the editorial was ready to make its digital debut. 

01 / 

A new home.

After years in print Violet was preparing to make its mark in the world of digital. As part of this transition they needed to launch a temporary preview site to allow them to begin the commercial conversions that would lead them to launching a larger platform. It was also an opportunity to inform a wider audience of upcoming calendar dates and provide a more in-depth look at content supplementary to the print edition.

This shift into a wider user-base required us to rethink the design, art direction and content strategy for the platform. We focused on what we could pull from the printed material as well integrating low maintenance, high value curated content from around the web. 

Violet_Content_Sketch_02
Violet_Wireframes_Mock
Wireframes  /
Once the content strategy was defined, the next step was to map out a intuitive user experience to house it. 
Violet_Mobile_Mocks_06
Responsive UI /
We needed to ensure that the design was optimised for mobile screens as traffic through social platforms was key to the sites growth plan. 
Image gallery  /
Violet_Mobile_Mocks_05
Mobile screens  /
In the news   /
Articles could be surfaced from their curated news page, helping to keep the landing page current and providing users a reason to return more regularly.  
Violet_Article_Mock-grey
Supportive links  /
Articles from the print addition could be supplemented with live links from reading links to fashion wish-lists. Helping to increase the value of the content to violets audience when viewing online.   
Violet_Calendar_Mock
Curated calendar  /
02 / 
Results

By supplementing Violets more in-depth editorial features from the print edition with live daily updates from around the web, we were able to offer users an incentive to keep visiting the site. While also laying the foundation for the next phase of the platform. 

Violet_News_Mock
Staff picks  /
In order to keep the site feeling live we introduced a staff picks news feed of daily curated articles from around the web.   

✦     Omar Hraib  /  Design Director.

Got a project you'd like to discuss? Let's talk.

hello [@] omarhraib.com  /  +44 (0) 7932250050

© Omar Hraib Ltd 2022

View