Interactive wharenui concept

Designing a new way for learners to engage with the Māori curriculum

Contributions

UX and UI design

Wireframing

Prototyping

Interactive wharenui concept

Designing a new way for learners to engage with the Māori curriculum

Contributions

UX and UI design

Wireframing

Prototyping

Interactive wharenui concept

Designing a new way for learners to engage with the Māori curriculum

Contributions

UX and UI design

Wireframing

Prototyping

Interactive wharenui concept

Designing a new way for learners to engage with the Māori curriculum

Contributions

UX and UI design

Wireframing

Prototyping

Interactive wharenui concept

Designing a new way for learners to engage with the Māori curriculum

Contributions

UX and UI design

Wireframing

Prototyping

Interactive wharenui concept

Designing a new way for learners to engage with the Māori curriculum

Contributions

UX and UI design

Wireframing

Prototyping

Te Marautanga o Aotearoa (TMoA) is the curriculum taught in kura. It comprises a number of subjects that educate learners through the lens of te ao Māori.

Te Marautanga o Aotearoa (TMoA) is the curriculum taught in kura. It comprises a number of subjects that educate learners through the lens of te ao Māori.

Te Marautanga o Aotearoa (TMoA) is the curriculum taught in kura. It comprises a number of subjects that educate learners through the lens of te ao Māori.

Te Marautanga o Aotearoa (TMoA) is the curriculum taught in kura. It comprises a number of subjects that educate learners through the lens of te ao Māori.

Te Marautanga o Aotearoa (TMoA) is the curriculum taught in kura. It comprises a number of subjects that educate learners through the lens of te ao Māori.

Te Marautanga o Aotearoa (TMoA) is the curriculum taught in kura. It comprises a number of subjects that educate learners through the lens of te ao Māori.

The challenge

During our time working for NZQA, our team was challenged with creating an interactive wharenui. The purpose of the wharenui was to house all the kaupapa ako (learning areas) of TMoA. The vision was to create a culturally relevant and unique experience.  

Each learning area was to be a poupou (pillar) along the interior walls of the wharenui. The design challenge was to provide a way for users to interact with each of these.

The challenge

During our time working for NZQA, our team was challenged with creating an interactive wharenui. The purpose of the wharenui was to house all the kaupapa ako (learning areas) of TMoA. The vision was to create a culturally relevant and unique experience.  

Each learning area was to be a poupou (pillar) along the interior walls of the wharenui. The design challenge was to provide a way for users to interact with each of these.

The challenge

During our time working for NZQA, our team was challenged with creating an interactive wharenui. The purpose of the wharenui was to house all the kaupapa ako (learning areas) of TMoA. The vision was to create a culturally relevant and unique experience.  

Each learning area was to be a poupou (pillar) along the interior walls of the wharenui. The design challenge was to provide a way for users to interact with each of these.

The challenge

During our time working for NZQA, our team was challenged with creating an interactive wharenui. The purpose of the wharenui was to house all the kaupapa ako (learning areas) of TMoA. The vision was to create a culturally relevant and unique experience.  

Each learning area was to be a poupou (pillar) along the interior walls of the wharenui. The design challenge was to provide a way for users to interact with each of these.

The challenge

During our time working for NZQA, our team was challenged with creating an interactive wharenui. The purpose of the wharenui was to house all the kaupapa ako (learning areas) of TMoA. The vision was to create a culturally relevant and unique experience.  

Each learning area was to be a poupou (pillar) along the interior walls of the wharenui. The design challenge was to provide a way for users to interact with each of these.

The challenge

During our time working for NZQA, our team was challenged with creating an interactive wharenui. The purpose of the wharenui was to house all the kaupapa ako (learning areas) of TMoA. The vision was to create a culturally relevant and unique experience.  

Each learning area was to be a poupou (pillar) along the interior walls of the wharenui. The design challenge was to provide a way for users to interact with each of these.

Initial approach

Due to budget and capability, we stuck to a two dimensional design. This in itself was a challenge, so our first steps were to sketch and wireframe what a 2D experience would look like.

The initial approach was to have an exterior which would reveal a front-facing interior. The user could then travel deeper into the wharenui by zooming in.

Initial approach

Due to budget and capability, we stuck to a two dimensional design. This in itself was a challenge, so our first steps were to sketch and wireframe what a 2D experience would look like.

The initial approach was to have an exterior which would reveal a front-facing interior. The user could then travel deeper into the wharenui by zooming in.

Initial approach

Due to budget and capability, we stuck to a two dimensional design. This in itself was a challenge, so our first steps were to sketch and wireframe what a 2D experience would look like.

The initial approach was to have an exterior which would reveal a front-facing interior. The user could then travel deeper into the wharenui by zooming in.

Initial approach

Due to budget and capability, we stuck to a two dimensional design. This in itself was a challenge, so our first steps were to sketch and wireframe what a 2D experience would look like.

The initial approach was to have an exterior which would reveal a front-facing interior. The user could then travel deeper into the wharenui by zooming in.

Initial approach

Due to budget and capability, we stuck to a two dimensional design. This in itself was a challenge, so our first steps were to sketch and wireframe what a 2D experience would look like.

The initial approach was to have an exterior which would reveal a front-facing interior. The user could then travel deeper into the wharenui by zooming in.

Initial approach

Due to budget and capability, we stuck to a two dimensional design. This in itself was a challenge, so our first steps were to sketch and wireframe what a 2D experience would look like.

The initial approach was to have an exterior which would reveal a front-facing interior. The user could then travel deeper into the wharenui by zooming in.

Wireframe refinement

Our initial wireframes did not accommodate for the full number of subjects that needed to be displayed, so the zoom approach became unviable.

We came up with a new approach which was to have front-on views of the walls which the user could navigate between. The idea being that the user could walk along the side and back walls in a U shape, then end up back at the entrance which provides a full interior view.

Wireframe refinement

Our initial wireframes did not accommodate for the full number of subjects that needed to be displayed, so the zoom approach became unviable.

We came up with a new approach which was to have front-on views of the walls which the user could navigate between. The idea being that the user could walk along the side and back walls in a U shape, then end up back at the entrance which provides a full interior view.

Wireframe refinement

Our initial wireframes did not accommodate for the full number of subjects that needed to be displayed, so the zoom approach became unviable.

We came up with a new approach which was to have front-on views of the walls which the user could navigate between. The idea being that the user could walk along the side and back walls in a U shape, then end up back at the entrance which provides a full interior view.

Wireframe refinement

Our initial wireframes did not accommodate for the full number of subjects that needed to be displayed, so the zoom approach became unviable.

We came up with a new approach which was to have front-on views of the walls which the user could navigate between. The idea being that the user could walk along the side and back walls in a U shape, then end up back at the entrance which provides a full interior view.

Wireframe refinement

Our initial wireframes did not accommodate for the full number of subjects that needed to be displayed, so the zoom approach became unviable.

We came up with a new approach which was to have front-on views of the walls which the user could navigate between. The idea being that the user could walk along the side and back walls in a U shape, then end up back at the entrance which provides a full interior view.

Wireframe refinement

Our initial wireframes did not accommodate for the full number of subjects that needed to be displayed, so the zoom approach became unviable.

We came up with a new approach which was to have front-on views of the walls which the user could navigate between. The idea being that the user could walk along the side and back walls in a U shape, then end up back at the entrance which provides a full interior view.

Visual design

For the visual design, we worked with an indigenous design agency. We created high-fidelity wireframes which they then created artwork for. The final step was to apply the supplied artwork onto the wireframes and prototype the interactions.

Visual design

For the visual design, we worked with an indigenous design agency. We created high-fidelity wireframes which they then created artwork for. The final step was to apply the supplied artwork onto the wireframes and prototype the interactions.

Visual design

For the visual design, we worked with an indigenous design agency. We created high-fidelity wireframes which they then created artwork for. The final step was to apply the supplied artwork onto the wireframes and prototype the interactions.

Visual design

For the visual design, we worked with an indigenous design agency. We created high-fidelity wireframes which they then created artwork for. The final step was to apply the supplied artwork onto the wireframes and prototype the interactions.

Visual design

For the visual design, we worked with an indigenous design agency. We created high-fidelity wireframes which they then created artwork for. The final step was to apply the supplied artwork onto the wireframes and prototype the interactions.

Visual design

For the visual design, we worked with an indigenous design agency. We created high-fidelity wireframes which they then created artwork for. The final step was to apply the supplied artwork onto the wireframes and prototype the interactions.

Exterior interactions

When the user first lands on the wharenui, they are standing outside. Here users can hover over the different features of the wharenui to learn the te reo names of each feature.

Exterior interactions

When the user first lands on the wharenui, they are standing outside. Here users can hover over the different features of the wharenui to learn the te reo names of each feature.

Exterior interactions

When the user first lands on the wharenui, they are standing outside. Here users can hover over the different features of the wharenui to learn the te reo names of each feature.

Exterior interactions

When the user first lands on the wharenui, they are standing outside. Here users can hover over the different features of the wharenui to learn the te reo names of each feature.

Exterior interactions

When the user first lands on the wharenui, they are standing outside. Here users can hover over the different features of the wharenui to learn the te reo names of each feature.

Exterior interactions

When the user first lands on the wharenui, they are standing outside. Here users can hover over the different features of the wharenui to learn the te reo names of each feature.

Interior interactions

Inside the wharenui, users can walk around to view all the pou. When viewing the pou, they can hover over one to see the subject name. Clicking on a pou brings up a modal with information and links to subject resources.

Interior interactions

Inside the wharenui, users can walk around to view all the pou. When viewing the pou, they can hover over one to see the subject name. Clicking on a pou brings up a modal with information and links to subject resources.

Interior interactions

Inside the wharenui, users can walk around to view all the pou. When viewing the pou, they can hover over one to see the subject name. Clicking on a pou brings up a modal with information and links to subject resources.

Interior interactions

Inside the wharenui, users can walk around to view all the pou. When viewing the pou, they can hover over one to see the subject name. Clicking on a pou brings up a modal with information and links to subject resources.

Interior interactions

Inside the wharenui, users can walk around to view all the pou. When viewing the pou, they can hover over one to see the subject name. Clicking on a pou brings up a modal with information and links to subject resources.

Interior interactions

Inside the wharenui, users can walk around to view all the pou. When viewing the pou, they can hover over one to see the subject name. Clicking on a pou brings up a modal with information and links to subject resources.

Subject shortcuts

First-time users are encouraged to explore the wharenui. Returning users may choose to navigate freely, or jump to a specific subject by interacting with a list of learning areas.

Subject shortcuts

First-time users are encouraged to explore the wharenui. Returning users may choose to navigate freely, or jump to a specific subject by interacting with a list of learning areas.

Subject shortcuts

First-time users are encouraged to explore the wharenui. Returning users may choose to navigate freely, or jump to a specific subject by interacting with a list of learning areas.

Subject shortcuts

First-time users are encouraged to explore the wharenui. Returning users may choose to navigate freely, or jump to a specific subject by interacting with a list of learning areas.

Subject shortcuts

First-time users are encouraged to explore the wharenui. Returning users may choose to navigate freely, or jump to a specific subject by interacting with a list of learning areas.

Subject shortcuts

First-time users are encouraged to explore the wharenui. Returning users may choose to navigate freely, or jump to a specific subject by interacting with a list of learning areas.