Web design and development for social enterprise

IRISi is a social enterprise who promote and improve the healthcare response to gender based violence.

We had the privilege of designing and developing a new brochure style website to increase awareness of IRISi and to improve the health care response alongside providing vital information to anyone visiting the site.

The main goal of the website was to deliver a fully responsive, modern design whilst presenting a range of valuable information to potential clients looking to train their GP’s and clinicians in
DVA recognition.

Ultimately the website needed to inform visiting users of exactly what DVA is and what IRIS and IRISi is, the vision/mission statements whilst providing the functionality to allow users to search for their nearest IRIS trained practice.

Lastly the website needed to enable administrating staff the ability to keep all content up to date and view visitor statistics to gauge key metrics and effectiveness of any marketing plans in place.

Overall, this particular project involved:

  • Fully bespoke template built from the ground up for IRISi
  • Content management system (custom build)
  • Fully responsive to mobile, tablet, desktop
  • Custom edit blocks (easily add/remove content such as team members)
  • Location map for all their sites
  • Web hosting on our LiteSpeed optimised server

Additional focus

A particular focus was on the safety of those visiting the website, providing a quick escape from the website and it’s content should they need it. Looking at existing examples online, we found a limitation was that anyone knowing how to interact with a back button would easily be able to return to the previous website. Our solution was to reduce this risk. Upon clicking the “Exit to Google” button, the user will find a new tab is opened and the old tab redirected.

Client: IRISi
Industry: Healthcare
URL: https://irisi.org
Share
Visit website

Research

The first step was to thoroughly understand IRISi and IRIS, the goals, the typical customer and their expectations and behaviour, and how the website factored into all of it.

We looked at the competitive landscape to establish context and benchmarks for how the site needed to function and then improved on that. This stage provided us the foundation for moving forward with the right recommendations for the design and development.

Design

We set to work planning out interface layouts for various views, including the home page, sub page and the blog template. Next we designed high-fidelity comps that displayed what the final designs will look like – for this particular project we construct these in basic HTML and CSS to allow for quick changes.

Development

Once the design was approved, we started building them using HTML, CSS, and Javascript.

WordPress Integration

After testing the static layouts, we integrated the new designs into WordPress. Our focus here was future management by administrating staff. We ensured that the content on the front-end was easy to edit, add and remove on the admin back-end of the site. We then tested the site across different browsers (Firefox,  Chrome, Safari, Internet Explorer) and devices (iOS & Android).

Ready to make something amazing?

Start a project →