NuxtJS

New brand strategy, visual identity and website for the famous Vue.js framework.

How did we help:
UX Research Visual Identity Website Design Design System

Computer software

Bordeaux, France

$2m seed round

11 — 50 employees


The client

NuxtJS is the company behind the Nuxt.js framework that helps developers build server-rendered Vue.js applications with ease. Like BB Agency, Nuxt was started as a side project by two brothers Alex and Sebastien, back in 2017.

With the meteoric rise of React.js as the leading front-end development framework, NuxtJS quickly outgrew its simple beginnings. With close to 2M downloads per month, it is one of the most loved frameworks in the community.

The challenge

With a $2M seed round and the ever-growing community, it was time for NuxtJS to evolve and adapt. With so much attention on their framework, the brand had never before had the chance to apply the same care to their brand and website’s user experience.

The project’s main goal was to create a strong new identity without losing touch with the existing community and building a comprehensive experience for their website users. The primary purpose of the website is to increase the adoption and contribution of the NuxtJS framework.

The solution

To offer more depth and context to the NuxtJS identity, we defined a new brand strategy that references the Pyrenees mountains (since both NuxtJS founders hail from there) across all marketing materials, including illustrations, badges, and other graphical elements.

We conducted a holistic UX research process that informed gaps in marketing messaging and services which helped us identify opportunities and create insights on structuring the new website.

We’ve designed a completely new website that successfully expands upon what the NuxtJS team built for the past years and maintains the connection with its ever-growing community.

To wrap it all up, we’ve designed a basic design system covering all the main modules, components, and guidelines to help the NuxtJS team develop and launch the new website.

NuxtJS logo on a green background
NuxtJS logo
NuxtJS brand elements
NuxtJS canvas tote bag simulation by BB Agency
NuxtJS color palette
NuxtJS new typeface
NuxtJS branding elements
NuxtJS canvas tote bag simulation by BB Agency
NuxtJS poster simulation by BB Agency
NuxtJS Instagram stories example

Brand strategy.

We defined a new brand strategy that references the Pyrenees mountains (since both NuxtJS founders hail from there) through a nature-inspired color palette and graphic elements referencing hiking maps.

This way, we emphasize the inquisitive nature of the development community and guide people on how to use NuxtJS to build their next application.

NuxtJS billboard simulation by BB Agency
NuxtJS custom illustration
NuxtJS custom illustration
NuxtJS posters simulations by BB Agency
NuxtJS posters simulation by BB Agency
NuxtJS social media Instagram post simulations by BB Agency
NuxtJS smaller illustrations
NuxtJS Brand identity guidelines by BB Agency

UX research.

Based on the competitive benchmark, data analysis, and user activity, we concluded that users come to the website to understand the framework as a viable option for their project. We knew that our primary focus was to give users a simple way to access resources, docs, and installation guides.

As a secondary focus, we needed to instill a sense of community and trust in the product. We did that by “boasting” with clients, partners, mentions, testimonials, and additional social proofing. Creating a sense of a live, dynamic, and communal website was integral to attracting, growing, and educating the NuxtJS user base.

NuxtJS analytics summary
NuxtJS navigation system
NuxtJS personas
NuxtJS website mockups

New website.

We’ve designed a completely new website that successfully expands upon what the NuxtJS team built for the past years and maintains the connection with its ever-growing community, including developers, students, freelancers, agencies, and companies.

The website includes comprehensive features like a learning center, resources, NuxtJS framework benefits, integrations, themes, project libraries, and a complete community segment with members, workshops, and profile management.

NuxtJS website on a laptop screen
NuxtJS website
NuxtJS Website
NuxtJS website on mobile phone
NuxtJS illustration
NuxtJS illustration
NuxtJS website
NuxtJS Web elements - a woman looking at her laptop with custom NuxtJS pattern over it
NuxtJS website shown on a phone
NuxtJS mockups

Results

The Result.

We successfully designed and delivered the new brand and website with supporting documentation, including visual identity guidelines, UX research, and a web design system for ease of use and implementation.

The Nuxt team decided to take their brand in a different direction and launched a revised brand and website environment almost 18 months after our initial engagement. Nevertheless, we’re incredibly proud of our work and wish all the best to Alex and Sébastien in their journey.

Our services

Branding

  • Visual strategy
  • Brand guidelines

Discovery

  • Competitive benchmarking
  • Customer research and data analysis
  • User persona development
  • User flows and customer journey
  • Information architecture
  • Wireframes

Digital experience

  • Marketing website
  • Design system
  • Illustrations
  • Animations

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.