DESIGN DELIVERABLES

Website design | Responsive design | CMS (Content Management System)

Client: Ockhams Razor

‘We need a new website design. It must reflect our ethos. No fuss, uncluttered and direct design’

Topright were commissioned to create this website design for this amazing aerial theatre arts company Ockhams Razor who are represented by Turtle Key Arts, who combine circus and visual theatre to make work that is arresting and entertaining. Hailed as a ‘miracle of co-operation’ by The Guardian and ‘Special work’ by The Times, this company have used topright’s services for most of their shows’ promotional items. To give maximum impact, the website design features elements throughout the site which sit within the ‘site width’. Other elements that extend to ‘full background width’.

Read more

The presentation

Topright designed a presentation showing visual cues and suggestions based on discussions in meetings and following conversations with the client. The presentation included page layouts, functionality and visuals.

Functionality

Topright included all the interactive features one would expect from a high-end website. Firstly, a new brand colour was applied. In addition, features such as: latest news feed; latest gallery feed; scrolling auto play quotes; visual menu rollovers. The website design has been created with a responsive ‘stacking’ functionality in mind.

Font and colour use

The website is packed full of imagery and carefully designed typography. The font used is Raleway. Chosen for it’s versatility, suitability and communication qualities, this Google font is used as HTML. It is embedded in the website. It compliments the identity.

Overall the site makes use of lots of white space. It is important that there is plenty of space above and below rows. The subtle greys give structure to the website in their solid form without being ‘too much’. In the main, the dark grey is used for typography and the ‘Ockham’s yellow’ is used for interactive sections throughout the website design. The balance between accessibility and design is struck by using large text and clearly marked out areas with good contrast. ‘Buttons’ are used for links in most cases and these have larger text than ‘body text.

The outcome

Topright design produced a bold and professional website that gives a feeling of space and form. The website functionality features make the website design interesting and engaging for visitors.

Visual menu rollover

When hoovering over an item in the visual menu or a gallery item, the item is overlaid with Ockham’s yellow.

Latest news feed

The homepage of the website design has feed of the latest news stories. There is a link to view all the latest stories.

Social media share button

Share button is fixed to bottom right corner of screen on relevant pages. When rolled over, social media links are revealed and enable the user to share their current page.

Sticky on page menu

As the user scrolls down past the masthead it reaches the on-page-menu, which attaches itself to the menu bar above . Both continue to be sticky and are fixed to the top of the browser window as the user scrolls down.
site design

Responsive design

The website design is built upon a grid system that allows it to be very effective when responsive. It works extremely well across the range of different devices and gives great user experience.

Gallery feed

Images feed from the gallery. Good quality images that represent and showcase Ockhams Razor. These images are categorised and can be distributed to relevant pages as well as a master gallery.

Footer

The footer appears on every page and contains links to statutory information and contact links. It is light and spacious. It includes contact information, privacy policy, newsletter sign up, with links to the companies social media platforms.

Topright are friendly and caring with a real understanding of the creative and performing arts and the charity sector.

Alison KingCEO, Turtle Key Arts

There is a creative brilliance to topright and a genuine flair with an attention to detail alongside that personal touch. We are always so delighted with the end result and we cannot recommend them enough.

Alison KingCEO, Turtle Key Arts

Communication typeface and brand colours

Raleway medium

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 . , ; ! ?

#fac809

#414042

#f0f1f1

#f9f9f9

Got a project in mind?

TALK TO TOPRIGHT