The Challenge

Objectives

We Care went through a rebranding and needed new photography and a website to match that was easy for the We Care team to edit themselves.

  • The Wordpress website allows the team to quickly and easily make content updates and image changes without any coding experience, including adding new job adverts with the ability to apply on the website.
  • As a non-profit organisation, We Care wanted to help their audience as much as possible. We introduced a new help and advice section to the website containing useful information and a blog section.
  • Better organisation of the website was needed including the main navigation, and clearer call to actions was introduced to get the site visitors to contact We Care and book an appointment to see the showroom.
We Care showroom photography
We Care office photography

What we Did

  • Wireframing iconWireframing
  • Repsonsive web design iconRepsonsive Web Design
  • Photography iconPhotography & Photo editing
  • Wordpress development iconWordpress development

Before & after

Old We Care website

Our Approach

We care web design
Inital discussion & research

During our initial talk with We Care, we discussed their needs for the new website, including new features and web content such as the help and advice section. We then looked at competitors to get a good idea of what was currently out there and how we could improve.

Wireframing

Once a list of page templates was agreed, wireframes were completed for mobile, tablet and desktop devices based on the project objectives to show where the content would be positioned on the website and to ensure each page had a clear purpose with call to actions to relevant sections of the website.

We care web design
Design & Development

A total of 12 custom templates were designed in 3 stages. We used Invision to show a prototype of the website before going live, also enabling us to collect feedback throughout the project. Photographs from our photoshoots with We Care were added to the design, before being coded into a responsive Wordpress theme customised for the charity. Testing was carried out to ensure the website worked smoothly and efficiently on all the major web browsers including Google Chrome, Safari, Opera, Firefox and Internet Explorer.

Supporting We Care

We host the We Care website, which allows us to ensure the security of the website is optimal. We also continue checking the website to ensure all hyperlinks are working and no pesky bugs are present.

Visual Design

We Care website on desktop We Care website on mobile

Contact Page

View

Contact page web design

Services Page

View

Service page web design

Photography

Once we had a list of photos needed for the website, we carried out a few photoshoots, one at We Care’s base and one following a few handymen providing services to We Care customers. These photos were used on the website, but also across social media and marketing.

Similar Projects

Hungry for more?

Let's create an awesome website

Start a project
Website Mockup