Leni Gas & Oil Redesign

Route One

Route One - Mobile & Desktop Overview

We have evolved Leni Gas & Oil Online visual style to give you a more modern, strong corporate presence online.

This includes bold headlines, strong use of the contrasting brand colours, and key information such as share price in prominent positions. The dark background has been retained in part, creating a striking website header.

The mobile version is a slimmed down version of the desktop visual, due to the limited screens space we have focused the user on the most important aspects, being the Share Price, and a simple navigation system so that the user can easily find the information they require.

Drop Down Menus

The drop down menus have been simplified, creating a clean, clear and consist way to navigate the website to find the required information as quickly and easily as possible.

Investment Tools

The RNS News, Presentations and Proactive Investor News have been grouped together in a simple, easy to use ‘Investment Tools’ section. Giving the user control to focus on the information that interests them the most, or easily switching between them.

Operations Overview

The header is adaptable and its use changes depending on the what page the user is viewing. On the operations overview page the main header becomes a world map with selectable operations that link to the detail pages.

Operations Detail

On the operations detail page, the photography will become the main focus of the header. With maps and technical details being relegated to the side column.

The information is clearly accessible with bold headlines and easy to read information.

Mobile

On the mobile version of the website, the user will be presented with key information, such as share price, then will have the ability to focus themselves down through the Navigation to the key information they require. Once on an internal page, the share price is substituted with a back button to return to give the user an easy route back to the previous page to continue their journey to further information.

Leni Gas & Oil Redesign

Route Two

Route Two - Mobile & Desktop Overview

With this approach we have created a bold modular home page, with a focus on creating space for key information. The result is an eye catching visual with bold headlines and strong corporate feel.

The mobile is a slimmed down version of the desktop visual, where each section becomes a button to press to read the relevant information rather then presenting all the information on the home page.

Corporate Typeface

With this approach we also suggest a change of the corporate typeface from Avenir to Titillium. Titillium is a new modern typeface that compliments the typography in the LGO logo, and helps to give the company a fresh modern look and feel.

Drop Navigation

The drop down menus follow a similar approach to route one, but incorporating the bolder uppercase type style that has been used in the navigation.

Investment Tools

The RNS News, Presentations and Proactive Investor News have been grouped together in a simple, easy to use section. Giving the user control to focus on one of the three that interests them the most, or easily switching between them.

Share Graph

The share price and share graph are both positioned in the same location and the user can easily switch between them by using the tabs.

Operations Overview

Similar to route one, the main header becomes a world map with pointers of operations that can be clicked to view an operations details page.

Operation Details

Photography of the operations becomes the focus of the header and the details are presented in a clean clear way with clear hierarchy and bold headlines.

Mobile

Much like route one, the mobile version works in a similar way, giving the user a simple and easy to use navigation system to funnel down to the information they require. In this version the home page takes a more modular approach that matches the desktop visual.