UI / UX Design
DaVinci's Documentation Platform
An exploration on how to standardize and centralize documentations without losing your freedom or visual identity
Year :
2023
Industry :
Tech Documentation
Client :
AB-InBev
Project Duration :
2 Weeks
Problem :
Our DaVinci team, a Martech CMS team who was responsible for developing digital solutions for the company, was approached by two different teams with the same issue: they were spending too much on documentation platforms and weren't satisfied with the results so far. With the amount of different documentation types and their specific needs, both teams ended up using different platforms for each type, resulting in decentralized and non standardized documents.
Challenge :
After a week of immersion with both teams and some exploration with stakeholders from other areas of the company, we realized this problem was a common issue for most products, and therefore we had an opportunity: what if we centralized ALL documentations from every team, regardless of the type of document (as long as it was related to a product).
Solution :
Thus, after another week of research, ideation and testing, the first concept UI for the DaVinci Documentation Platform was born. Mixing the best navigation and documentation experience from the biggest documentation platforms with the customizable power that our CMS had to offer.
By using a translucid glass-like texture as the main surface of the platform, we allow teams to customize the appearance of their documentation without harming the reading experience and keeping accessibility to acceptable levels (per WCAG).
Over 20 components were created to build 3 fully responsive screens, powered by a 3-layer token-based style guide that allows quick switching between dark and light mode, all while being consistent with any brand's visual identity
UI / UX Design
DaVinci's Documentation Platform
An exploration on how to standardize and centralize documentations without losing your freedom or visual identity
Year :
2023
Industry :
Tech Documentation
Client :
AB-InBev
Project Duration :
2 Weeks
Problem :
Our DaVinci team, a Martech CMS team who was responsible for developing digital solutions for the company, was approached by two different teams with the same issue: they were spending too much on documentation platforms and weren't satisfied with the results so far. With the amount of different documentation types and their specific needs, both teams ended up using different platforms for each type, resulting in decentralized and non standardized documents.
Challenge :
After a week of immersion with both teams and some exploration with stakeholders from other areas of the company, we realized this problem was a common issue for most products, and therefore we had an opportunity: what if we centralized ALL documentations from every team, regardless of the type of document (as long as it was related to a product).
Solution :
Thus, after another week of research, ideation and testing, the first concept UI for the DaVinci Documentation Platform was born. Mixing the best navigation and documentation experience from the biggest documentation platforms with the customizable power that our CMS had to offer.
By using a translucid glass-like texture as the main surface of the platform, we allow teams to customize the appearance of their documentation without harming the reading experience and keeping accessibility to acceptable levels (per WCAG).
Over 20 components were created to build 3 fully responsive screens, powered by a 3-layer token-based style guide that allows quick switching between dark and light mode, all while being consistent with any brand's visual identity
UI / UX Design
DaVinci's Documentation Platform
An exploration on how to standardize and centralize documentations without losing your freedom or visual identity
Year :
2023
Industry :
Tech Documentation
Client :
AB-InBev
Project Duration :
2 Weeks
Problem :
Our DaVinci team, a Martech CMS team who was responsible for developing digital solutions for the company, was approached by two different teams with the same issue: they were spending too much on documentation platforms and weren't satisfied with the results so far. With the amount of different documentation types and their specific needs, both teams ended up using different platforms for each type, resulting in decentralized and non standardized documents.
Challenge :
After a week of immersion with both teams and some exploration with stakeholders from other areas of the company, we realized this problem was a common issue for most products, and therefore we had an opportunity: what if we centralized ALL documentations from every team, regardless of the type of document (as long as it was related to a product).
Solution :
Thus, after another week of research, ideation and testing, the first concept UI for the DaVinci Documentation Platform was born. Mixing the best navigation and documentation experience from the biggest documentation platforms with the customizable power that our CMS had to offer.
By using a translucid glass-like texture as the main surface of the platform, we allow teams to customize the appearance of their documentation without harming the reading experience and keeping accessibility to acceptable levels (per WCAG).
Over 20 components were created to build 3 fully responsive screens, powered by a 3-layer token-based style guide that allows quick switching between dark and light mode, all while being consistent with any brand's visual identity