The Food Rush

he Food Rush is a blog and digital magazine about food technology and the brainchild of a developer. It offered an excellent opportunity to try out some interesting ideas for navigation and interaction.

I wanted to give the reader different ways to explore, both linear and non-linear. The blog landing page, can be viewed as a masonry or as a list. The categories are always visible and as the user scrolls the relevant category is highlighted.

I used a consistent style for navigational elements, from the navigation menu, to "see more" call to actions. Content can be explored horizontally and vertically.

The website also contains quarterly digital magazines. Each one will be art directed, so I've created template that can cope with this. A selection of articles are housed behind a subscription barrier. I've used "locked" icons, visible on the contents list, articles list and articles so the user is always aware what is available.

On the magazine article pages, other articles are accessible from a top sliding navigation. So that more content is always offered.

Next and previous articles can be navigated to via arrow call to actions on the edges of the page.

A subscription barrier gives a taster of the article and a friendly call to action to subscribe.

Both the website and magazine are responsive, maintaining functionality across all viewports.