English Language Partners

Agency
Deliverables

Website Redesign • Webflow Development

Role

Designer + Developer

YEAR

2021

CREDITS

Carl Gordon

DESIGNER

Carl Gordon

DEVELOPER

Carl Gordon

ANIMATOR

PRODUCER

Elliot Lee

DIRECTOR

Andrew Hillstead

ELPNZ is a national organisation committed to helping immigrants learn english for daily life. They have 23 teaching centres throughout New Zealand. Psychoactive Studios were recruited to revamp and modernise their website.

I was assigned by Psychoactive to redesign the existing site to bring it up to modern standards. Once the design phase was complete I took on the Webflow build and the migration of all the content from their existing site into the new site.

CHALLENGE

CHALLENGE

CHALLENGE

CHALLENGE

CHALLENGE

CHALLENGE

/01
Challenge

Redesign ELPNZ's existing wordpress site and build the new site in Webflow. Migrate all of the content from their old site such as: blog posts, teaching resources and annual reports.

One of the biggest challenges for this project was serving an online experience to inform people who may not speak any english, or speak english as a second language. The user interface had to be highly intuitive and the Google translate feature was imperative to communicate ELPNZ's value.

One of the biggest challenges for this project was serving an online experience to inform people who may not speak any english, or speak english as a second language. The user interface had to be highly intuitive and the Google translate feature was imperative to communicate ELPNZ's value.

/02
KEY FEATURES

I was assigned by Psychoactive Studios to take on the role of both lead designer and developer for this project.

Google Translate

With the target audience of the site being mostly non-english speaking we needed to implement an easy to use translation feature that converts the content into 15 languages. This can be found on the site by clicking the globe tab fixed to the right side of every page.

Content Heavy Blog

This project features a blog with over 450 posts. These articles were migrated across from their existing Wordpress site and styled with the new aesthetic I designed for ELPNZ's brand. The blog page breaks the content into 9 categories to improve accessibility. Due to the high number of posts we implemented infinite scrolling on the category pages so the content loads in seamlessly as the user scrolls down.

Teaching Resource Catalog

This page features a catalog of resources to be used by the teachers in the ELPNZ centres throughout New Zealand. This content is separated into two categories: worksheets and videos. The goal of this page was to improve accessibility to the teaching resources to help streamline lessons.

Interactive Location Map

English Language Partners have 22 teaching centres throughout New Zealand, we wanted to provide an accessible interface to display the contact information for all of these centres. We achieved this through the Google Maps API - pulling centre data through the Webflow CMS for all locations.

Interactive Mega Menu

Accessibility was a huge focus of the redesign and the mega menu was a key solution to solving the previous issues in this area. This involved doing an accessibility audit for each page and re-categorising the pages into convenient drop-downs.

Dynamic Application Forms

We integrated a number of dynamic ActiveCampaign forms throughout the site to collect sign-up information to various courses.

/02
KEY FEATURES
Teaching Resource Catalog

This page features a catalog of resources to be used by the teachers in the ELPNZ centres throughout New Zealand. This content is separated into two categories: worksheets and videos. The goal of this page was to improve accessibility to the teaching resources to help streamline lessons.

Interactive Mega Menu

Accessibility was a huge focus of the redesign and the mega menu was a key solution to solving the previous issues in this area. This involved doing an accessibility audit for each page and re-categorising the pages into convenient drop-downs.

Interactive Location Map

English Language Partners have 22 teaching centres throughout New Zealand, we wanted to provide an accessible interface to display the contact information for all of these centres. We achieved this through the Google Maps API - pulling centre data through the Webflow CMS for all locations.

Google Translate

With the target audience of the site being mostly non-english speaking we needed to implement an easy to use translation feature that converts the content into 15 languages. This can be found on the site by clicking the globe tab fixed to the right side of every page.

Dynamic Application Forms

We integrated a number of dynamic ActiveCampaign forms throughout the site to collect sign-up information to various courses.

Content Heavy Blog

This project features a blog with over 450 posts. These articles were migrated across from their existing Wordpress site and styled with the new aesthetic I designed for ELPNZ's brand. The blog page breaks the content into 9 categories to improve accessibility. Due to the high number of posts we implemented infinite scrolling on the category pages so the content loads in seamlessly as the user scrolls down.

/03
MY ROLE

I was assigned by Psychoactive Studios to take on the role of both lead designer and developer for this project.

ELPNZ was a fun and challenging project to work on. It was highly rewarding to work with such an impactful non-profit organisation and I thoroughly enjoyed helping them help people migrate to New Zealand. My goal was to create a new site for them that would serve the test of time and provide value to their audience.