Wolfoo World: The Wolfoo Ecosystem with 13.2 Million YouTube Subscribers

Wolfoo World
Animation ecosystem
of WOA Network,
S-Connect Vietnam

Over more than 5 years, the Wolfoo brand has built a large business ecosystem with a wide range of products and services, and it keeps growing. The Wolfoo ecosystem includes: Wolfoo Video (Wolfoo Short, Wolfoo Song, Wolfoo Series, Wolfoo Family Song, Wolfoo Show), Wolfoo Games, Wolfoo’s Store, Wolfoo City.

1 of 12,000+ clients
featured by

Industry

Content production,
animated films

Service type

Company profile website

Years

2023

Crew

5 people

Try it now

MONA works with WOA Network to build a complete Wolfoo World

The Wolfoo website is one of MONA's signature projects in content production – animation and entertainment.

We worked with WOA Network and SCONNECT to create a complete Wolfoo world.

A unified showcase for the Wolfoo family that connects with customers and drives higher business conversion for the Wolfoo ecosystem: Wolfoo Short, Wolfoo Song, Wolfoo Series, Wolfoo Family Song, Wolfoo Show), Wolfoo Games, Wolfoo’s Store, Wolfoo City.

(Explore Wolfoo World here >>)

A mobile-friendly website
is essential to easily reach every target audience of Wofoo World

Wolfoo World - The Wolfoo ecosystem with 13.2 million YouTube subscribers

A structured website design process
produces the best possible product

Project research

MONA's solution

UI/UX design

Project results

Client review

The challenge of unified communication across the Wolfoo ecosystem, increasing
touchpoints with customers

Although the Wolfoo ecosystem was complete, the brand was held back by a lack of consistency across the system.

Functionality:

The WOA website only presented information about the Wolfoo animated products and Wolfoo Merchandise. There was no information about Wolfoo Games or Wolfoo City.
New products, news and brand statistics were not updated regularly.

UI:

The main pages already met basic UI (visual) standards.
Some secondary pages, such as the Blog, had unoptimised UI (text, images), making them hard to read and hard for the audience to follow.

UX:

Slow page loading and an unoptimised user experience.
Mostly static interactions, so it failed to get users to click and engage.
Long text, unsuitable CTAs, wrong navigation,…

The challenge for MONA was to build an overall website that fixed all of these problems.

Explore part of the design

A complete Wolfoo World design solution with effective communication and more engagement that easily reaches both user groups (parents of children aged 2 – 12 and
B2B partners)

A website design concept steeped in the Wolfoo characters and world.
Creative, SEO-friendly, responsive design.
Fast loading, optimised UI/UX.
Higher engagement and navigation rates, well-planned CTAs.

Featured technology

Website structure

Website design concept

Building the design system

Optimizing the user experience

Building the website structure
that meets the goal of unifying
the ecosystem

The website's content structure was based on a review of Wolfoo's old website, the goals for the new Wolfoo World website and the client's feedback.

Website design concept
Wolfoo World, rich in
character identity

A unique portrayal of its world
Wolfoo World

Explore Wolfoo World's 6 main areas: the cinema, the game console, the toy store, the playground, the stage and the house

Each subpage expresses a distinct
content theme

Based on Wolfoo World's main content themes, MONA created each web page to be striking and eye-catching.

A unique store experience,
more engagement

Instead of showing every product and store, the Wolfoo’s Store page focuses on creating more of an experience and leads to the brand's main store.

Building the design system suited to the brand's character and target audience

The website uses a playful, cute, colourful design style and the quirky Coiny font, matching the brand's distinctive identity

Heading 1

Bold 119px

Coiny, sans-serif

Heading 2

Bold 64px

Coiny, sans-serif

Body text

Semi 21px

Montserrat, sans-serif

#fffbde

#1cd391

#80f36d

#ff4343

An optimised experience, creating a journey
of continuous discovery with
logical design

UI Design

Every MONA website design meets UI standards, from identity elements, colors, images and layout to navigation buttons, to deliver a good experience and convey the message as effectively as possible.

Project evaluation based on MONA's own measurements and client feedback

0.5s

Loading speed

Before

N/A

0.5s

SEO-ready

Before

N/A

83%

Satisfaction

Before

N/A

100%

Linh and SCONNECT want to say thank you to MONA for sticking with us through the process of making a website as long and as full of difficulties and setbacks as Wolfoo. But through all those difficulties and setbacks, the MONA side always had a really strong spirit of cooperation and was always ready to help quickly so the website could be finished as well as possible.