HOTHAM.jpg

Hotham Stories

A collection of visual stories that excite and inspire the reader to build a connection with Hotham. Strategic design to transform a print magazine into a digital platform to validate/reinforce existing Hotham guests love of and identification with Hotham.

hotham-logo.png
Navigation system

Navigation system

Double navigation system where users can choose from the latest stories or browse caterogies. 

Iconography

Iconography

Icon design for story categories. 

Category landing page design

Category landing page design

Summary of latest stories for a single category. Sub navigation to move to next or previous category. 

Long story article view

Long story article view

There are a few formats for stories. This is a long format stories, where the user can explore different media and read a full article. Sticky header that displays the newsletter opt in.

Short story article view

Short story article view

Short format for bite size content. Coupled witha sidebar that displays all the social media feed, this is a great way to integrate restaurants and food review. Gallery image option to move from one restaurant to another.

hotham-short.png