He Kupu

/

Website Project

He Kupu is a free online journal published twice a year by New Zealand Tertiary College (NZTC). NZTC aims to develop an inclusive, critical, collaborative and informed community of early childhood professionals – including the research and views of academics, practitioners and students. He Kupu is the perfect vehicle to weave together the different voices of all those working in the sector.

hekupu-main UX/UI web design Christian Suniula

Before & After

Easily compare and contrast the differences between two images with our interactive Before-and-After Image Slider. Showcase transformations, improvements, and renovations with this customizable widget that is sure to leave a lasting impression on your audience.

the challenge

1. Identifying the UX Friction

My redesign focused on two primary pain points that disrupted the "Learning Flow" for our professional audience:

Fragmented Navigation & Task Switching: The previous architecture made it difficult for researchers to toggle between Current and Previous issues. Users often lost their place when trying to cross-reference articles, leading to high cognitive load and frustration.
Social Isolation of Content: While the journal aims to "weave together different voices," the content was siloed. The lack of social integration meant that critical research couldn’t easily be shared across professional networks (LinkedIn/Social Media), limiting the journal’s impact and reach within the ECE sector.

2. Strategic UI/UX Objectives

To solve these challenges, I applied the following principles:

Information Architecture (IA) & Wayfinding

I redesigned the navigation system to prioritize contextual awareness. * The Goal: Ensure users always know where they are within the publication’s hierarchy.

The UI Solution: Implemented a persistent or "breadcrumb-aware" navigation system that allows users to explore archival data without losing their current session progress. I utilized visual nesting to clearly distinguish between the current edition and the historical archives.

Connectivity & The "Shareability" Loop

Research thrives on discussion. I integrated a social-layer UI to transform the journal from a static PDF repository into a dynamic community resource.

The Goal: Reduce the "interaction cost" of sharing knowledge.
The UI Solution: Embedded intuitive, non-intrusive social API integrations and "Deep Link" capabilities. This allows practitioners to highlight specific ECE insights and instantly bridge the gap between academic theory and social professional development.

Handwritten notes discussing prioritizing current topics over resource date, staff recommendations to avoid materials older than 5 years, users including students and staff, and processes like peer review and capturing user feedback.

Mobile phone and tablet displaying He Kupu, a journal for early childhood educators, next to a keyboard and mouse on a wooden desk.

final results

After a long and well-thought-out design process, the launch of the new He Kupu website has transformed the journal from a static archive into a high-performance digital hub. By moving away from the friction of the legacy system and prioritizing a "user-first" philosophy, the project didn't just improve the look of the journal—it fundamentally changed how the ECE community interacts with research.

The results of this strategic overhaul speak for themselves: following the launch, the journal saw a staggering 1,000% increase in subscriber numbers. This growth was fueled by the new responsive architecture and the seamless social integration, which allowed peer-reviewed content to be shared effortlessly across professional networks.

Furthermore, the project’s success was validated by high-level content partnerships with DigitalNZ (National Library of New Zealand) and the global research giant EBSCO. These partnerships, combined with the new online submission portal and automated citation tools, have solidified He Kupu’s standing as a premier resource. This project serves as a clear case study in how intentional UX/UI design can bridge the gap between academic rigour and practical accessibility, resulting in measurable, exponential audience engagement.