Umbraco Websites

Portfolio Details

Details

  • Title: Umbraco Websites
  • Categories: .NET, Bespoke Development, IT System Integration, Rebranding and Design, Response Web Design, Umbraco, Website Development
  • Company: East Midlands Business
  • Year: 2014

Description

PSP Ltd were awarded the opportunity to redevelop and rebrand EMB from a tendering process and also became EMB's Digital Partner. The main aim of this project was to integrate two existing websites into one content management system (CMS) to enable easy management and updates of both websites.

An outline of the client's requirements:

  • Integrate two domains within one CMS.
  • User friendly and support all modern web browsers and mobile devices.
  • Responsive website with designs for desktop, tablet and smartphone viewing.
  • Recreate Microsoft .Net forms within the new website.
  • Ability to create general forms within the CMS and publish as and when required.
  • Publishing workflow for content editors, publishers and a super user role to manage admin lists.
  • Display events, news and case studies with added filtering functionality.
  • Dynamic menu to allow links to be pulled in automatically, manually added and the ability to hide all page types.

This project commenced by carrying out design workshops onsite at EMB to understand the current problems involved with having two websites and what the client wanted to improve. The design workshops also involved the redesign process of two new logos for EMB Group and EMB Excellence. After the initial workshops, multiple workshops were held to involve the client in the final designs. Once these were approved PSP started work on the requirements and specification.

Specification
Within the specification for phase one of the new EMB Group and EMB-X website it included the required page types, fields and designs including responsive design.

Development
To create and design a user friendly website a clean design was preferred. This was achieved by using contrasting colours (from their logo and some bolder colours), white space and visual cues to draw the visitors attention. The focus for this design was to not overload the visitors with content, therefore we adopted a clear design. This allowed the client to communicate all of their key information in a visually led way.

By using responsive design this allowed us to have control over different page layouts based on the size of the device it was being viewed on. Included in the responsive design was to make the images responsive too.

To upload and publish content we utilised the users section in Umbraco (open source CMS). We defined three user levels which each had their own levels of permission. This allows the client to internally control who can add users and have full administrative access to users who have access to upload content only.

We created listing pages to allow the users to display their content and provided options to choose how many items they show on a page, where the data is pulled from (child pages, pages from this site and pages across both sites) and what type of item to show (Active/Archived). We also added functionality for the data to be filtered by a from date, to date, service and by the type of page.

To give EMB as much functionality and intuitive navigation as we could, we created dynamic menus which pull through child pages and related pages. There were options to add links manually which would take precedence over any pages which were pulled through dynamically. We also included the option to hide or show items (including top menu, side menu or hiding an item from the site map,) by multiple checkboxes in the Umbraco CMS.

We created promotional boxes on page to allow EMB to offer more content in a clear design. These boxes can be populated with an image, text and links and act as fast navigation for the visitor. In the CMS full access was provided to manage the appearance and functionality of these boxes including changing the header text, background colour of the header, or whether it showed an image and or additional links.

“We wanted a more engaging website that would generate business and add value for clients. PSP have done a great job and we now have a very active website that is easy to use and update. Using responsive design, our new website looks and works well on a whole range of devices, including tablets and smartphones. Our working relationship with PSP is excellent and they provide us with support and advice whenever we need them.”
Anthony Barber, Head of Business Development.

Navigation

Social Media