This session helped establish the priorities in the project as well as in the design since there wasn’t a clear idea of what we wanted to include in the MVP and what else would be implemented later.
From this session we obtained the following feedback and challenges:
Once this set of components was stripped down and organized depending on its function and position on the page, each layer was standardized and put in synchrony with the brand guidelines as well as the coding standard to ensure an easy development.
This initial design system would serve as the main framework that would be developed into static components and in a future stage be turned into a CMS-based library of features and blocks.
Having a design system in place also helps with the creation of a more consistent site across devices and screens, making it easier to prototype and come up with different options for pages and features, helping on the A/B testing and the user experience overall approach.
Taking this into account the development of the site started with the scaffolding of main pages by the developers of the team, but making it easier for other members of the team to jump on and build and update pages.
The technology used was Jigsaw together with Tailwind, that helps create an include based structure of Html components and sections.
In a later stage, this structure and code will be integrated with Prismic headless CMS that will fetch data and content from a back office with a visual content management system as well as drag and drop functionalities.
It is already available to check in beta version while we collect user feedback and gather content for future iterations using the link below, your performance will be tracked and take into consideration for future releases.
In terms of next steps, an initial overview tells us that the sections copy will need to be polished and also reconfigured in order to arrange the copy in a way that satisfies the needs of the vast majority of our users, switching sections and the hierarchy of some of the parts of the site.