Amplience - Creating a Smart Docs Portal with React js
Challenge
Amplience is the AI content company and CMS provider. They understood that the core of its expansion hinged upon enabling effective developer adoption.
To make their product even more developer-friendly, Amplience decided to replace their existing developer documentation with a richer, more interactive portal. Amplience chose to accelerate development by creating a hybrid application combining Docusaurus and the Amplience Headless CMS.
The Developer Portal had to be a standalone application external to their main page - Amplience.com. It should be manageable by Amplience technical authors, localizable, mobile-friendly, and integrated into their CMS. And that's just an overview of the challenge.
Amplience is the AI content company and CMS provider. They understood that the core of its expansion hinged upon enabling effective developer adoption.
To make their product even more developer-friendly, Amplience decided to replace their existing developer documentation with a richer, more interactive portal. Amplience chose to accelerate development by creating a hybrid application combining Docusaurus and the Amplience Headless CMS.
The Developer Portal had to be a standalone application external to their main page - Amplience.com. It should be manageable by Amplience technical authors, localizable, mobile-friendly, and integrated into their CMS. And that's just an overview of the challenge.
Solution
Amplience provided us with information architecture, wireframes, UX and Visual designs, and a technical prototype. They also delivered a prototype Single Page Application built with Docusaurus that showed examples of navigation, integration of content from Amplience CMS, and integration of Algolia DocSearch.
We were responsible for:
- Integrating Docusaurus with Amplience CMS
- Front-end Development and styling of the components in line with designs
- QA and testing
After a deep requirements analysis, we delegated to this project a team of 4 developers (engaged with the product at different stages), a Project Manager, and a Tester. We chose the agile approach, because Amplience wanted a flexible attitude, allowing them to change the project scope and modify the graphics during the development.
Amplience provided us with information architecture, wireframes, UX and Visual designs, and a technical prototype. They also delivered a prototype Single Page Application built with Docusaurus that showed examples of navigation, integration of content from Amplience CMS, and integration of Algolia DocSearch.
We were responsible for:
- Integrating Docusaurus with Amplience CMS
- Front-end Development and styling of the components in line with designs
- QA and testing
After a deep requirements analysis, we delegated to this project a team of 4 developers (engaged with the product at different stages), a Project Manager, and a Tester. We chose the agile approach, because Amplience wanted a flexible attitude, allowing them to change the project scope and modify the graphics during the development.
Results
As a result, we provided a front-end for developers portal built with Docusaurus and React, enabling the users to easily start working with the CMS and evaluate the platform and providing them with all the resources to solve their requirements with Amplience's API and management tools.
Even though the documentation is created as a separate platform, the brand identity is preserved.
Before the product release, it was tested within the Amplience team and we gain some outstanding feedback:
"This is absolutely brilliant and such a positive signal to the dev community. Hats off to everybody that worked so hard to pull this off (and on schedule too!)."
"Love the subtle touches like the search toggle, and of course the dark mode...great to see the new visual themes in the mix too. Docs nav is nice and easy to follow. This will all be so useful. Great work!"
"Well done team. This is a great not only for evaluation purposes, but also aftercare for BAU customers who are building out more and not mention onboarding customers."
As a result, we provided a front-end for developers portal built with Docusaurus and React, enabling the users to easily start working with the CMS and evaluate the platform and providing them with all the resources to solve their requirements with Amplience's API and management tools.
Even though the documentation is created as a separate platform, the brand identity is preserved.
Before the product release, it was tested within the Amplience team and we gain some outstanding feedback:
"This is absolutely brilliant and such a positive signal to the dev community. Hats off to everybody that worked so hard to pull this off (and on schedule too!)."
"Love the subtle touches like the search toggle, and of course the dark mode...great to see the new visual themes in the mix too. Docs nav is nice and easy to follow. This will all be so useful. Great work!"
"Well done team. This is a great not only for evaluation purposes, but also aftercare for BAU customers who are building out more and not mention onboarding customers."