NuxtJS —
NuxtJS
The Intuitive Web Framework for building web applications with Vue.js.
Headquarters
Bordeaux, France
Industry
Computer software
Company size
11 — 50 employees
Known worth
$2M seed round
Services we provided
- Visual identity
- UX research
- Website design
- Design system
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.
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.
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.
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.
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
