Context

Hackney Council is the local government for the London borough of Hackney. In August 2018, they were the first council in the UK to pass a comprehensive motion regarding the Windrush generation scandal, and celebrates Windrush Day every year on the 22nd of June –  the date the ship HMT Empire Windrush landed at Tilbury Docks in 1948.

The Challenge

We were commissioned to design a micro-site that helped raise awareness of Hackney Council's commitment to the Windrush Generation. This was a joint project that involved another creative team called Blanguage, who handled the research and testing phases of the project. I worked with my business partner who covered the design to develop and launch a new website that met the strict accessibility guidelines and 1-month timeframe.

Research

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Design

Database Design

From the initial sitemap and confirmation from the client I established the databases needed and detailed the content within each. I wanted the databases to be flexible enough to cover the variety of content and be straightforward enough that any member of the Hackney Council could interpret and create new instances when needed. This was presented to the client to make sure they understood what they would need to fill out in order to create new articles, resources, stories and events. This was then shown to the designer to correlate the database items to design components and produce high-fidelity wireframes.

We used feedback and rounds of iterations to get the wireframes ready for development. Important decisions were made to keep the scale of the website down, like to direct users to off-site booking forms, in order to ensure we weren't overcomplicating the build and keeping within the timeframe.

We also hosted additional rounds of user testing when we had finalised the wireframes and at stages the design to ensure we were appealing to our desired cohort. At the point where we were satisfied with what we had, I used Webflow to develop the final website, and set up the custom CMS on the backend to ensure the client could manage the website content after the onboarding phase.

After building the website I tested the usability against the WCAG accessibility guidelines, ensuring it met the AA levels and produced a report that detailed this and included details for areas that hadn't met particular standards.

Development.

Review.

At the end of the month we launched a successful website and received positive reviews from both client and community members on the success of the project. If we had more time we would have performed user testing at the start of the project to challenge the assumptions of the Hackney Council team and go into the other phases with a better understanding of the goals and painpoints of the target users.

The website is live and you can check it out here.

Let's Make Contact

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.