We are planning a refactor of the frontend to improve the quality and efficiency of our development process. This involves moving away from custom-made components built from scratch, which currently consume significant development time, towards using standardized components based on professional design practices. Additionally, the frontend needs to be more visually appealing and compliant with Government of Canada (GoC) recommendations.
Problem Statement
The current frontend relies on custom-built components that are time-consuming to develop and maintain. The design and layout could be improved to be more attractive and professional, and the frontend needs to align with GoC standards. We need design prototypes that provide a clear visual guide for these refactors.
Acceptance Criteria
Design prototypes clearly illustrate the layout, structure, and appearance of the frontend, adhering to GoC standards.
The prototypes guide the reuse of existing components or the use of standardized components, minimizing custom builds.
The design reflects a more attractive and professional frontend, with better component arrangement.
The prototypes are iterated upon until the team agrees on the final version.
The final designs will be used as a visual reference for implementing the frontend refactors.
Additional Information
To create these prototypes, tools such as Figma could be used for visual design and collaboration. The goal is to ensure all design decisions are well-documented and agreed upon by the team before moving into development. Figma allows for easy iteration and feedback, making it a strong candidate for this purpose.
Description
Context
We are planning a refactor of the frontend to improve the quality and efficiency of our development process. This involves moving away from custom-made components built from scratch, which currently consume significant development time, towards using standardized components based on professional design practices. Additionally, the frontend needs to be more visually appealing and compliant with Government of Canada (GoC) recommendations.
Problem Statement
The current frontend relies on custom-built components that are time-consuming to develop and maintain. The design and layout could be improved to be more attractive and professional, and the frontend needs to align with GoC standards. We need design prototypes that provide a clear visual guide for these refactors.
Acceptance Criteria
Additional Information
To create these prototypes, tools such as Figma could be used for visual design and collaboration. The goal is to ensure all design decisions are well-documented and agreed upon by the team before moving into development. Figma allows for easy iteration and feedback, making it a strong candidate for this purpose.
Components to Refactor