Wonde design concept shown on phone screenWonde visuals on the blue background by BB Agency

Wonde —

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

Wonde

Wonde is a leading data management tool helping drive the EdTech sector forward through innovation and creativity.

Visit website

Headquarters

Newmarket, UK

Industry

EdTech

Company size

50 — 200 employees

Funding

$2.6m

Services we provided

  • Market research
  • Visual identity development
  • Website design
  • Front-end development
  • CMS integration

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 24,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. A systemic multilingual solution would allow the team to keep creating new landers, campaigns, and modules to 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
3 — Successful new brand launches in 8 months with Wonde.
From day one, we have been incredibly impressed with BB Agency’s creativity, hard work and commitment to the projects we have given them. Through their interpretation of our briefs, they have given us a family of three stand-out brands that we are incredibly proud of. The BB team has such a great understanding of Wonde and are so ingrained in everything we do, they are seen as an extension of our own company!
Peter Dabrowa - CEO at Wonde
Peter Dabrowa Co-Founder and CEO of Wonde

The result.

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

We’re incredibly proud of the modularity and flexibility of the WordPress CMS 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.

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

  • Front-end development
  • WordPress implementation
  • Quality assurance

Have a project in mind?
Let’s get to work.