Portobello Business Centre website design

I created design mock-ups for The Portobello Business Centre to make the layout of their website less cluttered and easier to navigate. This included the addition of a search facility to allow users to search for specific content rather than navigate through textual links.

Website design for the Portobello Business Centre
Portobello Business Centre homepage

The homepage features a banner containing a search form with a background image of iconic local residencies which provides extra visual impact. In addition there are textual links to the most popular pages on the site so they are easy to reach.

PBC home page news items
News items are now summarised, currently they appear in full which means lots of scrolling

News items, currently displayed in full, would now be listed in a grid on larger screens or as a linear list on smaller devices like mobiles. The news items contain the date and title with a brief excerpt that appears on mouse over or focus event, allowing the content more space and making it easier to read.

Portobello Business Centre dropdown navigation menu
The current website features a left hand column with a large number of links. These have been moved into a jumbo drop down under ‘Get Started’ in the main navigation to make the page much cleaner.
Web design for The Portobello Bisiness Centre contact page
PBC contact page with address overlaid on a Google Map
Portobello Business Centre responsive website designs
Mobile homepage with navigation hidden and visible

Responsibilities

  • User interface design

Project Details

Client: Portobello Business Center
Agency: Ehaus