Wonde

Transforming the global EdTech industry with a new brand strategy and website.

How did we help:
Market research Visual Identity Website design Website development CMS integration

EdTech

Newmarket, UK

$2.6m

50 — 200 employees

www.wonde.com


The client

Wonde is a powerful, easy-to-use digital solution that’s changing the way schools and apps control their data. They’re are determined to change the way education technology is perceived, used, and adopted. With Wonde, schools can finally manage their data between third-party apps easily and securely.

Wonde provides a secure data platform for over 28,000 schools in more than 60 countries and manages the data of 35 million people.

The challenge

The primary goal was to tell Wonde’s story in a way that would build excitement, loyalty and awareness. Wonde wanted a visual identity that reflected their personality and introduced a brand icon that would resonate with students, parents, app providers and the education sector as a whole.

The solution

With the new visual identity and website, we created a consistent look and feel across all internal and external communication channels. Our bespoke and systemic WordPress website can now be easily expanded as Wonde’s marketing and client base grows.

Wonde icon logo
Wonde logo
Wonde illustrations
Wonde canvas tote bag and mug mockups by BB Agency
Wonde illustration by BBAgency
Wonde business cards concept by BB Agency
Wonde illustrations
Wonde design elements
Wonde posters mockups by BB Agency

A new brand as a key to future success.

Building an identity that can communicate with the simplicity and reliability of a traditional tech brand had to simultaneously resonate with the education sector.

We designed a symbol — the Wonde shield — that functions as both a protective symbol and a school emblem. A lowercase wordmark gives the brand an approachable energy that reflects the way Wonde works and the solutions it offers.

With the color palette, we wanted to reflect the world of classrooms, textbooks and playgrounds. So we started with Blazer Blue and Crayola Blue as the basic colors. Then we complemented them with the warmer tones of Crayola Orange, Sunshine Yellow and Pencil Red.

To tie everything together, we created a series of thick scribbles to highlight key words in the copy, crop images, and add some spontaneity to the layouts. We also produced a small collection of badges featuring the brand’s key concepts and values to create playful and engaging collaterals.

Finally, we topped it all off with an equally expressive and straightforward illustration style, building on the shapes and gestures we found in the primary type and custom scribbles.

Wonde color palette
Wonde typeface
A girl and a boy looking at a tablet screen
Wonde Instagram stories mockups by BB Agency
Wonde branded boxes mockups by BB Agency
Wonde stickers mockup by BB Agency
Wonde poster simulation by BB Agency
Wonde design elements by BB Agency
Wonde social media mockups by BB Agency
Wonde continents map illustration by BB Agency
Wonde visual identity guidelines

Bespoke WordPress website for flexibility and ease of use.

To address the need for consistency across all internal and external communication channels, we chose to build Wonde’s new digital home with WordPress. We knew WordPress, paired with a customized Gutenberg block editor, would be the perfect solution for a highly dynamic website that offers new content on a weekly basis.

When building the digital environment for Wonde’s marketing team, we always kept in mind that they needed a consistent, engaging, and innovative website, and that’s why we strategically integrated branding elements into the WordPress environment. A systemic multilingual solution empowers the team to seamlessly generate new landers, campaigns, and modules that match the brand.

We created a WordPress theme based on a custom-made Gutenberg blocks plugin to support clean, yet playful design language that would appeal to the education sector, tech brands, and the kids who use the apps. With our target audience in mind, we developed a modular design system that could be maintained across all touchpoints.

Wonde website on a laptop screen
Wonde design elements
Wonde website
Wonde website, various pages shown made by BB Agency
Wonde website
Wonde website shown on a phone
Wonde design elements
Wonde website
Wonde website shown on a phone
Wonde illustration
Wonde color palette and grids

The Result.

After 5 months of close collaboration, we successfully launched Wonde’s new brand and website using WordPress CMS.

We’re incredibly proud of the modularity and flexibility of the WordPress environment our development team built. In addition to the website, we’ve defined a simple design system around colours, typography, pairings, modules, spacings, and components.

As a direct result of our collaboration and successful rebrand, we’re closely working with the Wonde team on launching a suite of their sub-products including eVouchers and Mylogin.

How did we help?

Research

  • Competitive benchmark
  • User personas
  • User flows, and navigation
  • Wireframes

Branding

  • Market research
  • Identity development
  • Brand guidelines

Digital experience

  • Creative direction
  • Website design
  • Design system

Engineering

  • Website development
  • WordPress implementation
  • Quality assurance

Share this Case Study:

LinkedIn Twitter Facebook

Related Case Studies

Narrating stories that resonate, building experiences that people cherish, and achieving outcomes that matter demand true partnership. That’s why we’re here for the long haul, walking beside you every step of the way.

View