Case Study: ECITB Connected Competence

Video
Article
Case Study
Podcast
5
minutes

The Challenge

The Engineering Construction Industry Training Board works with employers and training providers to give the engineering construction industry workforce the skills it needs to meet the challenges of the future. We were approached by ECITB to help them bring an important new initiative to life with an online website and interactive tool.

Connected Competence was to become a key element for everyone in the engineering and construction industry to understand, and there were three key audiences that we had to support: the workers, the employers that they work for, and larger stakeholders who manage large sites and assets.

We needed to pull a large amount of technical information together, and display it in an easy-to-understand layout for a varied audience.

Early design workshop

Approach & Design

We got to work early in this project with creating a simple design framework that would allow for the technical content to shine through. With the varied audiences in mind, we had to ensure that the hierarchy of the website was easy to follow, and put everything in a place that people would be able to find it easily.

Simplifying the hierarchy of the website

The website would need to convey a lot of information with text, and so we created a layout and style that centred around clear and easy-to-read fonts. We worked closely with a copywriter to ensure that the design and layout would fit the required technical text, and also be accessible to a wide audience.

The website neatly groups information by audience type

Scalability

The main website was built using a modern WordPress stack, where we used our development expertise to ensure that it could be easily extended and built upon. With the Connected Competence initiative in it's early stages, we knew that it would need to adapt over the coming years. By using scalable coding patterns, and building continuous integration & deployment in from the start, we were able to quickly build and iterate in the early stages.

Continuous deployment made it easy to update the site

A robust online application

Once we had the main website in place, we next had to create a web application which acted as a "digital handbook" to allow people to map the new initiative to their own systems.

We were tasked with taking excel-based files, which contained a large amount of technical data, and making them easy-to-understand and integrate through the use of our tool. We leveraged the same clean layout as we used in the marketing site, and created an online tool that could be accessed anywhere.

By using libraries such as TailwindCSS, we created a fully responsive app which is as easy to view on a mobile phone as it is on a desktop device.

The online web application

You can see the live website at https://connectedcompetence.co.uk/.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

See more podcast episodes

Transcript coming soon.

Transcript

Written by

Scott Gulliver

Scott Gulliver is the Director of Fluff Software, a software development company based in the South West of England. Scott has been helping large companies to implement software and technology, with a particular focus on digital transformation over the past decade.

The team at Fluff Digital have been instrumental in bringing the vision of Connected Competence to a digital platform. They worked closely with us to work through the requirements, and created designs and interactive prototypes, which helped us to understand how it would look once it had been created. Development of the website and web app was swift, and they check in throughout the process to make sure that things are working for us. It’s always easy to get in touch with the team, and chat through any ideas or upcoming changes that we have in mind - and get a good idea of the technical requirements that might be involved.
Steven Rick
Senior Service Designer
written by
Part One

Part TWO

Part THREE

Part FOUR

Written by

Scott Gulliver

Scott Gulliver is the Director of Fluff Software, a software development company based in the South West of England. Scott has been helping large companies to implement software and technology, with a particular focus on digital transformation over the past decade.

Let's chat about your project.

We're love to see how we might be able to help, without any commitment.

Get in touch

Let's deCODE the process of app development

Our unique software discovery service is designed to get you from idea to a concrete plan.

Find out more