Mar 23 2017

S8080 launch revamped Wales.com Drupal website

Wales.com

With the recent launch of the exciting new Wales brand, Welsh Government’s Wales.com team wanted to align their website with the clean, confident and outward looking appearance of this new identity.

As well as giving the site a fresh new look, the team wanted to look at other UX and Drupal improvements that would help enhance the user’s experience and re-focus the site.

Wales.com

Although the content on the existing site was sensibly grouped making it easy to navigate, an incredible range and number of articles were hidden away as 3rd level content. A major consideration of the redesign was to surface some of this valuable content at a higher level so it was more immediately visible. This allowed us to present engaging images and articles on the homepage, but meant that we needed to structure the content in a way that still accommodated for the specific audience groups.

Being one of the first sites to utilise the new Wales branding system made it a straightforward task to give the site its clean, fresh appearance. By grouping the content using the brand’s new colour palette, colour based segmentation was used homepage and throughout the site to help the distinct audience groups.

Wales.com

From a technical point of view, the major task was dealing with the amount of content on the existing site. Over 500 pages of content needed to be migrated into the new Drupal structure and styled, without the need for major changes to the mark-up. Our Drupal development team also built a bespoke full browser width multi-tile carousel which works across a range of browsers and devices. This means the site can be enjoyed in its entirety on everything from a desktop PC to an iPhone.

Take a look at the new Wales.com Drupal site here.

Mar 6 2017

New website for the Parliamentary and Health Service Ombudsman (PHSO) goes live

PHSO

S8080 recently launched the new site for the Parliamentary and Health Service Ombudsman, delivered through the G-Cloud framework.

The redesign and development of the site will help people access PHSO services more easily by structuring the content more clearly through a reworking of their IA. The site also contains an interactive tool that allows users to quickly assess whether they are ready to take their complaint to the Ombudsman. This tool, placed on the homepage helps users understand the complaints process and signposts them to the correct information while helping PHSO filter enquiries that are not quite ready for the complaints procedure.

PHSO iPad Pro

The design had to be sensitive to the user’s emotional state, as at the time they first engage with the service they were likely to be unhappy. By presenting the content clearly and showing them the clear path the complaint process takes, they are immediately helped and given them confidence in the service.

During UX and development, the site has undergone extensive usability and accessibility testing with third party specialist testing agencies. The site was user tested under laboratory conditions and the findings of the usability report assisted the organisation in evolving the experience based on user’s needs and wants. Real-world accessibility testing was undertaken under a variety of conditions so the site and content can be accessed by all.

PHSO mobile website

The website was built with the newly released Drupal 8 content management system. This latest version of Drupal offers many benefits over previous versions including performance improvements, an enhanced administration user experience as well as more control and customisation from a development perspective. In addition to these front-end improvements, using the open-source Drupal 8 CMS also assures a more ‘future-proofed’ website and by extension a greater level of security and performance for both users and their data.

The feedback from the organisation and the site’s users has been overwhelming positive. It’s been a pleasure to work with PHSO, who were highly engaged throughout the UX, creative and development phases. Their enthusiasm and subject expertise helped us understand their objectives and assisted in delivering a site that will make a real difference to its users and the organisation.

Take a look at the new Drupal 8 PHSO website here.

Dec 16 2016

GoConstruct.org wins Silver in this year’s Digital Experience Awards

uk digital award

GoConstruct.org has won another award! The site has won a Silver award in this year’s Digital Experience Awards.

The site originally won the Masters of Marketing Award for user experience and design in October this year.

GoConstruct provides online interactive tools to help people find out more about a career in construction. We are very proud to be playing such a major part in the site’s continuing growth and success.

Aug 17 2016

Go Construct.org – An interactive tour of Infrastructure

infra-blog-large-a

Hot on the heels of the interactive tour of Off-Site Manufacturing our creative and front end development teams produced another engaging visual interactive page to help attract, inform and retain a talented workforce for the Construction and Built Environment sector.

The interactive consists of a bespoke portal page and a series of phased construction scenarios designed to showcase specific job roles. The creative team developed an infrastructure scenario that covered the construction of a bridge that incorporates a high speed rail link, a motorway connecting town to city, water transportation and sustainable energy.

Our creatives and front end devs worked closely to ensure the interactive worked across a large range of devices from a desktop monitor to a smartphone. The result of this agile and collaborative working process meant that the product not only looked great but worked seamlessly across client specified devices featuring adaptive layouts and content solutions.

Take look and explore the infrastructure roles in construction

Aug 10 2016

Go Construct.org – An interactive tour of Off-Site Manufacturing

off-site-blog-large-b

Our creative and front end development teams have recently produced a whole host of highly visual interactive pages for the newly launched GoConstruct website, which has been specifically designed to attract, inform and retain a talented workforce in the construction and built environment sector. The interactives consist of a bespoke portal page and a series of phased construction scenarios that showcase specific job roles.

In one example, the off-site interactive section takes the user through the 5 stages of off-site manufacturing and the roles in construction involved in each stage. There are multiple ways to navigate the content; Scroll with the mouse wheel or use the pagination sidebar. Each of the 5 phases contain a collection of job specific characters with clickable hotspots that allow the user to explore a wealth of detail on each job role.

Our creative team worked closely with CITB careers advisors and construction industry experts through co-design to create an interactive piece that not only represented real world manufacturing processes but also delivered a cross-device experience allowing unparalleled mobile access for our audiences.

You can explore the ‘Off-Site Roles in Construction’ interactive at goconstruct.org – watch out for the rather cool animations!

Jul 13 2016

Homepage background video: Dezrez get the WOW factor.

dezrez-mockup-blog-large-a

When the guys over at Dezrez asked our creative team to add the WOW factor to homepage of they’re now consumer facing website we know video would deliver a big impact.

Using background video on your website is a great way to convey your company’s brand to potential customers. Displaying footage of your team in a dynamic office environment or candid clips of customers using your product range is far more engaging than a static image or repetitive carousel.

The team combined fly-through footage of the London cityscape and a countryside vista along with futuristic, live action displays of the Rez software, edited in Adobe After Effects with the final video optimised to an amazingly low file size of 4MB allowing for autopay with minimal playback issues on desktop PCs and tablets with low bandwidths.

You can check out the video on the new website at dezrez.com.

Jul 6 2016

Umbraco – Lee Valley Park Farms – one for the kids this summer!

Lee Valley Farms

 

Due to the great success of the White Water Centre website which we built using the Umbraco CMS for our long standing partner Lee Valley, we were asked to create an Umbraco site to promote the Farms in the Park, with the website design appealing to children as well as parents.

The brief was simple, make it engaging for children (and mum and dad), show off the animals and events and make the site easy for the team to update.

Our team thoroughly enjoyed working on the site (and we had a great day out too!), Lee Valley Park Farms had lots of great images and it gave the creative team the opportunity to use some fab animal cartoons to add something a little different to the site without overcomplicating things.

See: www.lvfarms.co.uk

Jun 6 2016

Haringey Council. Tottenham Regeneration website

tottenham-mockup-1

Haringey Council has ambitious regeneration plans for Tottenham, with schemes underway to address local people’s priorities for more job opportunities, better housing and improved transport links.

As the programme’s momentum grew, a separate website was needed, away from the main Haringey.gov.uk council site, with distinct sections of content for investors and developers, residents and local business audience groups.

The Haringey Council digital communications team had done a lot of thinking around the shape of the IA and the types of content they needed to fulfil their aims and provide a user centred experience. They had decided on the open-source Drupal CMS (with demanding security requirements) and had a well-considered creative brief prepared for our alignment sessions. A perfect start to the project!

Here’s how we designed and developed the council website

  • Evolved their initial Information Architecture (IA) and key user journeys
  • Developed a wireframe paper prototype
  • Created design routes – homepage and lower level pages with rapid prototyping to arrive at the final designs
  • Built accessible and adaptive page templates
  • Set up and configured the core Drupal CMS and implemented the site structure, glueing in the templates and developing the workflow for their publishing team
  • A news system was integrated and XML feeds to display events were set up
  • MailChimp newsletter functionality was embedded
  • Content was loaded and checked and our QA team tested the site ready for soft launch
  • One of our project managers and a Drupal developer spent a day with the Haringey team, training them to use their new Drupal website
  • The site was made live and the Haringey team have a 12-month support contract to help them with Drupal upgrades and site improvements

You can see Haringey Council’s Tottenham Regeneration website at http://tottenham.london/

tottenham-mockup-5

What makes Open Source systems such good value for local government websites?

  • Free – no licence costs for the CMS software
  • Agile and moveable – you are not tied into your web development agency
  • Vast (and fast moving) open-source development communities
  • Modular systems – thousands of 3rd party extensions to further keep costs down
  • Regular security updates by a highly active community
  • Proven functionality – tried and tested by the likes of No.10, The Whitehouse, Heinz…
  • Fully featured – whatever functionality you want on your site, the chances are that there’s already an extension for it

If you’d are considering an open source CMS for your organisation, take a look at our information on Drupal and Umbraco, or contact us for a friendly chat or email info@s8080.com.

tottenham-mockup-2

tottenham-mockup-3

Dec 11 2015

Merry Christmas from S8080

A very merry Christmas from all of us at S8080!

The team at S8080 would like to sincerely thank every single one of you for your support in 2015.

We hope you all enjoy your Christmas break and we’ll see you in the New Year.

S8080_Blog-small

 

Click to view a larger image

Oct 30 2015

Join the S8080 team if you dare, for a Halloween scare!

S8080_Blog_Halloween email

A very happy Halloween to everyone

Once again, the team got together to delight you with our fangtastic annual Halloween photograph. With everything from a Frankenstein designer, a superhero project manager, a Dalek and a mad swordsman. S8080’s ghoulish team are ready for the witching hour tomorrow, are you?

Be sure to choose ‘treat’ rather than ‘trick’ when we come knocking!

Click here for a larger view.

Nov 3 2014

UK Prime Minister tweets Vampire Energy campaign!

Number10 Twitter S8080

On Halloween, the official Twitter channel for Prime Minister David Cameron’s office, based at 10 Downing Street tweeted the Vampire Energy campaign we developed with the Department of Energy and Climate Change!

GOV.UK ran a nice piece on the campaign too. Follow the link to see the infostrips, Vine and FaceBook videos we produced for DECC, or have a look at what’s happening on Twitter #VampireEnergy.

DECC Vampire Energy infostrip S8080

Oct 30 2014

S8080 Presents: The Night of the Living Devs


Happy Halloween from the team at S8080

This year, S8080’s spooktacular Halloween treat has set the bar even higher with a chilling (and thrilling) HD YouTube movie.

Filmed and edited entirely in-house by our own creative team, the guys* show they have talents way beyond websites development.

Click the video link and see who you think has the best zombie moves… if you dare.

Thank you to everyone who played part in putting this together – and a huge thank you goes out to Gethin Jones for his outstanding sound design.

Happy Halloween.

*Despite appearances, no developers were harmed during the making of this film.

team-zombie

Mar 27 2013

Dezrez – digital illustrations

Dezrez – digital illustrations

  • Design
  • Digital illustration
  • Digital strategy
  • Branding
Jan 22 2013

Web design for CAMHS

Surrey Camhs website design by S8080

 

Over the past couple of years, we’ve worked on several web design projects for CAMHS organisations (child and adolescent mental health services). CAMHS websites bring there own special set of challenges due to the young audience and the sensitive nature of the subject matter.

Our first was the Surrey CAMHS website, which was seen as groundbreaking and showed what could be done when a user centred design approach was adopted. We then designed and built two websites for Coventry and Warwickshire NHS – the Moodleton site for younger children and a mobile app based web development for young adults.

Just before Christmas, we started work on another CAMHS web development for a third NHS Partnership trust (more information soon), with a series of alignment meetings with the comms team and the practitioners.

These meetings help us shape the personas, information architecture and web site wireframes and are a valuable forum for brainstorming ideas for engaging the young audiences from the actual people who work with them to overcome their problems.

Content management systems

All of the web sites use a content management system (Drupal, Umbraco, WordPress, even SharePoint in Coventry and Warwickshire’s case) to enable the comms teams to update the website without having to ask a web design agency.

Having a CMS website also means the practitioners can offer up to date advice and information to parents, carers and professionals as well as the young people quickly and efficiently.

The use of open source CMS software means that available budget can be used to develop interactive elements and even mobile website design rather than hefty software license fees.

camhs moodleton website design by S8080

Branding

As you can imagine, each NHS Partnership Trust has very strict brand guidelines, but it’s often the case that their brand agency aren’t digital experts, so it falls to us to extend their brand identity to work well online and for the young target audiences.

During our stakeholder meetings and requirements gathering, we often hear “we don’t want it to look like an NHS website – it puts the young people off”. This is where creative design, carefully balanced with adherence to the brand guidelines comes into play. You can see above how the NHS brand is placed, but the focus is on the creative, characters and the sub brand.

Coming to CAMHS

coming to camhs website design by S8080

Being referred to CAMHS is a difficult time for young people, their carers and families, and a little consideration of how they are actually feeling (and this is where the practitioner’s input into the web site design is so valuable) can help them understand why they feel the way they do, how they can be helped and who will help them.

If you would like to chat about how S8080 could help you design your CAMHS website, call 01792 485566 and ask for me, Chris Cowell, or email info@s8080.com.

Dec 21 2012

Bespoke web design and web development – a quick round up of some of magic in 2012

What a seriously good year. So many great projects and fantastic new teams to work with.

We’ve been busy, busy, busy designing and developing Open Source CMS’s with Drupal and WordPress being favourites alongside .NET development on Umbraco, and a very exciting project using the Enterprise CMS EpiServer… and of course all of the projects have been wrapped up in our in-demand web usability, consultancy and legendary design!

business.wales.gov.uk – a custom Drupal web design and build

Bespoke web design and development of Business Wales on DrupalAn agile, rapid web usability phase that ran in parallel with our designers who were developing a website re-brand, meant we were ready to start the custom bilingual Drupal website build in record time. Working with the fantastic Business Wales web team meant the long days (and nights), working to super tight deadlines, was truly appreciated!

 

www.visitleevalley.org.uk – bespoke .NET CMS development

Built and deployed to maximise the re-branding of Lee Valley and to promote the Olympic White Water Centre, VeloPark and the Hockey and Tennis Centre well in time for team GB to rack up 120 medals… so lots of custom .NET development, creative design, illustration and a website rebrand, UX and integration into 3rd party systems.

 

Creative and online branding

S8080’s creative team weave their magic into every single project that leaves our doors – beautifully designed email, banner and social marketing campaigns, web builds, interactive content, video and our own special pieces we do a few times a year. We love it…

S8080 digital agency team

Our web usability and consultancy

2012 – Wow! We ran so many stakeholder workshops, generated hundreds of personas, ran card sorting sessions and in the process scribbled on a small forest’s worth of recyclable post it notes! Plenty of in-depth user testing, eye tracking and accessibility testing of our work along the way meant we delivered better informed and highly tuned websites to grateful audiences.

EPiServer Partner status

The .NET tech team worked hard in 2012, building on their skills to become qualified Enterprise CMS EPiServer developers – they enjoyed the challenge and are loving working on the new platform – more exciting things coming in the New Year!

http://www.s8080blog.com/s8080-gain-episerver-partner-status/

Digital marketing and SEO

Our online marketing and SEO consultants have been working on a number of SEO and content marketing projects, poring over raw data, generating detailed coffee fueled online marketing and SEOkey phrase research, SEO and social media technical audits and ensuring that robust SEO and on page optimisation is fused into our whole UX, design and build process.

This work dovetails perfectly with our email marketing campaign and email newsletter work – list management, design, distribution and live tracking and analytics that keep marketing teams very happy indeed!

 

environment agency river level mobile app development

Mobile & Apps

More and more of our sites are being optimised for mobile and tablet consumption with HTML5 replacing Flash development for interactive elements. We have some exciting web app developments that will be launched in 2013… watch this space.

 

 

 

 

Number10.gov.uk – we’re all still very proud of the our branding and design

Of course the on-going success of our web design of Number10.gov.uk on WordPress brings a smile to our face every time we get an email from the Prime Minister’s office!

no10 downing street email

 

13 years and growing…

So 2012 was S8080’s 13th year… huge demand has meant we’ve grown again. Three talented technical developers joined the team further growing our Drupal, bespoke PHP, Front end dev and heavy .NET development capacity.

So, a fantastic year and 2013 is loaded with more fun projects to keep the whole team entertained and smiling!

We’re looking forward to working with you.

Nov 1 2012

CITB – CSkills award email design

CITB - CSkills award email design

  • Email design
  • Email broadcast and analytics
  • Digital illustration
  • Designs
  • Strategy
Nov 1 2012

Visit Wales winter email campaign

Visit Wales winter e-mail

  • Email design
  • Email broadcast and analytics
  • Digital illustration
  • Designs
  • Strategy
  • E-mail
  • Viral
Nov 1 2012

Wales.com St David’s Day Email

Wales.com St David’s Day Email

  • Email design
  • Email broadcast and analytics
  • Digital illustration
  • Designs
  • Strategy
  • E-mail
  • Viral
Nov 1 2012

Welsh Government Business email

Welsh Government Business email

  • Email design
  • Email broadcast and analytics
  • Digital illustration
  • Designs
  • Strategy
  • E-mail
  • Viral
Nov 1 2012

Welsh Government Advanced Materials & Manufacturing

Welsh Government Advanced Materials & Manufacturing

  • Email design
  • Email broadcast and analytics
  • Digital illustration
  • Designs
  • Strategy
  • E-mail
  • Viral