Greator
Brand Elements, Design Systems, and File Structuring for a Coaching Platform
Duration
6 months
Made with
Greator
Stakeholder
Greator
Industry
Coaching
Greator
Brand Elements, Design Systems, and File Structuring for a Coaching Platform
Duration
6 months
Made with
Greator
Stakeholder
Greator
Industry
Coaching
Greator
Brand Elements, Design Systems, and File Structuring for a Coaching Platform
Duration
6 months
Made with
Greator
Stakeholder
Greator
Industry
Coaching
Project overview
Greator is a platform dedicated to helping individuals achieve personal growth through coaching. As the product scaled, the need for a cohesive and scalable design system became apparent. The lack of consistency in visual design and inefficient workflows between design and development teams created friction that impacted the speed and quality of feature releases. The project’s goal was to introduce a pilot design system to streamline workflows, ensure visual consistency, and align teams for future growth. This would lay the groundwork for a comprehensive design system in the future, fostering more efficient collaboration across design, development, and product teams.
Project overview
Greator is a platform dedicated to helping individuals achieve personal growth through coaching. As the product scaled, the need for a cohesive and scalable design system became apparent. The lack of consistency in visual design and inefficient workflows between design and development teams created friction that impacted the speed and quality of feature releases. The project’s goal was to introduce a pilot design system to streamline workflows, ensure visual consistency, and align teams for future growth. This would lay the groundwork for a comprehensive design system in the future, fostering more efficient collaboration across design, development, and product teams.
Project overview
Greator is a platform dedicated to helping individuals achieve personal growth through coaching. As the product scaled, the need for a cohesive and scalable design system became apparent. The lack of consistency in visual design and inefficient workflows between design and development teams created friction that impacted the speed and quality of feature releases. The project’s goal was to introduce a pilot design system to streamline workflows, ensure visual consistency, and align teams for future growth. This would lay the groundwork for a comprehensive design system in the future, fostering more efficient collaboration across design, development, and product teams.
My Role
As the Senior UI Designer, I played a pivotal role in establishing the foundation for the design system at Greator. My responsibility was not only to create the system but to integrate it into the workflow, ensuring that it would be scalable and maintainable for future growth. I began by setting up a structured design system workflow, ensuring clear processes for asset creation, review, and integration, working closely with the development team to align both design and technical requirements.
A key part of my role was also proposing the strategy behind the design system. This involved collaborating with the line managers to align the system with the business goals and laying out a roadmap for its future development. Additionally, I took on the responsibility of mentoring junior designers, helping them adopt the system and maintain consistency across the project, while fostering a culture of collaboration and design best practices.
My Role
As the Senior UI Designer, I played a pivotal role in establishing the foundation for the design system at Greator. My responsibility was not only to create the system but to integrate it into the workflow, ensuring that it would be scalable and maintainable for future growth. I began by setting up a structured design system workflow, ensuring clear processes for asset creation, review, and integration, working closely with the development team to align both design and technical requirements.
A key part of my role was also proposing the strategy behind the design system. This involved collaborating with the line managers to align the system with the business goals and laying out a roadmap for its future development. Additionally, I took on the responsibility of mentoring junior designers, helping them adopt the system and maintain consistency across the project, while fostering a culture of collaboration and design best practices.
My Role
As the Senior UI Designer, I played a pivotal role in establishing the foundation for the design system at Greator. My responsibility was not only to create the system but to integrate it into the workflow, ensuring that it would be scalable and maintainable for future growth. I began by setting up a structured design system workflow, ensuring clear processes for asset creation, review, and integration, working closely with the development team to align both design and technical requirements.
A key part of my role was also proposing the strategy behind the design system. This involved collaborating with the line managers to align the system with the business goals and laying out a roadmap for its future development. Additionally, I took on the responsibility of mentoring junior designers, helping them adopt the system and maintain consistency across the project, while fostering a culture of collaboration and design best practices.
Key Focus Areas
The first priority was to assess the existing workflows and assets, identifying inefficiencies and inconsistencies in the system. This analysis led to the creation of a new design system workflow that was both structured and scalable. I worked to establish a process that allowed for clear communication and collaboration between the design and development teams, ensuring alignment on all aspects of the system. Each phase, from proposal to review, documentation, coding, and publishing, was carefully mapped out to maintain high standards and clear expectations for everyone involved.
I also focused on creating a UI toolkit and pattern libraries that would serve as the backbone of the system. This included essential design elements like typography, buttons, and colors, which were standardized across projects to maintain consistency. By centralizing these components, the team was able to reduce redundant design decisions and create a more efficient workflow.
Another crucial aspect was ensuring documentation was clear and accessible. I set up Figma and Confluence as the central hubs for the design system, where all components were documented with detailed guidelines and usage instructions. This step not only made the system easier to use but also ensured that it could be scaled effectively as the team and product grew.
Key Focus Areas
The first priority was to assess the existing workflows and assets, identifying inefficiencies and inconsistencies in the system. This analysis led to the creation of a new design system workflow that was both structured and scalable. I worked to establish a process that allowed for clear communication and collaboration between the design and development teams, ensuring alignment on all aspects of the system. Each phase, from proposal to review, documentation, coding, and publishing, was carefully mapped out to maintain high standards and clear expectations for everyone involved.
I also focused on creating a UI toolkit and pattern libraries that would serve as the backbone of the system. This included essential design elements like typography, buttons, and colors, which were standardized across projects to maintain consistency. By centralizing these components, the team was able to reduce redundant design decisions and create a more efficient workflow.
Another crucial aspect was ensuring documentation was clear and accessible. I set up Figma and Confluence as the central hubs for the design system, where all components were documented with detailed guidelines and usage instructions. This step not only made the system easier to use but also ensured that it could be scaled effectively as the team and product grew.
Key Focus Areas
The first priority was to assess the existing workflows and assets, identifying inefficiencies and inconsistencies in the system. This analysis led to the creation of a new design system workflow that was both structured and scalable. I worked to establish a process that allowed for clear communication and collaboration between the design and development teams, ensuring alignment on all aspects of the system. Each phase, from proposal to review, documentation, coding, and publishing, was carefully mapped out to maintain high standards and clear expectations for everyone involved.
I also focused on creating a UI toolkit and pattern libraries that would serve as the backbone of the system. This included essential design elements like typography, buttons, and colors, which were standardized across projects to maintain consistency. By centralizing these components, the team was able to reduce redundant design decisions and create a more efficient workflow.
Another crucial aspect was ensuring documentation was clear and accessible. I set up Figma and Confluence as the central hubs for the design system, where all components were documented with detailed guidelines and usage instructions. This step not only made the system easier to use but also ensured that it could be scaled effectively as the team and product grew.
UI Toolkit and Pattern Libraries
The next step was creating the UI toolkit and pattern libraries. These components included core elements like typography, buttons, and colors, which were standardized across projects. This toolkit helped ensure consistency while reducing the redundancy of design decisions across teams. The pattern libraries were integrated into Figma, enabling designers to access reusable components and avoid starting from scratch for each new feature.
UI Toolkit and Pattern Libraries
The next step was creating the UI toolkit and pattern libraries. These components included core elements like typography, buttons, and colors, which were standardized across projects. This toolkit helped ensure consistency while reducing the redundancy of design decisions across teams. The pattern libraries were integrated into Figma, enabling designers to access reusable components and avoid starting from scratch for each new feature.
UI Toolkit and Pattern Libraries
The next step was creating the UI toolkit and pattern libraries. These components included core elements like typography, buttons, and colors, which were standardized across projects. This toolkit helped ensure consistency while reducing the redundancy of design decisions across teams. The pattern libraries were integrated into Figma, enabling designers to access reusable components and avoid starting from scratch for each new feature.
Documentation and System Scalability
I set up clear documentation for every component within the design system. This involved using Figma and Confluence as centralized resources to track design decisions, usage guidelines, and best practices. The system was structured to be easily scalable, allowing future designers to onboard seamlessly and contribute effectively.
Documentation and System Scalability
I set up clear documentation for every component within the design system. This involved using Figma and Confluence as centralized resources to track design decisions, usage guidelines, and best practices. The system was structured to be easily scalable, allowing future designers to onboard seamlessly and contribute effectively.
Documentation and System Scalability
I set up clear documentation for every component within the design system. This involved using Figma and Confluence as centralized resources to track design decisions, usage guidelines, and best practices. The system was structured to be easily scalable, allowing future designers to onboard seamlessly and contribute effectively.
Output
1. Improved Workflow and Efficiency
The new workflow greatly improved the efficiency of both the design and development teams. The ticketing process ensured that every component was reviewed and documented thoroughly, while reducing miscommunication. Designers were able to access a centralized repository of assets, ensuring that the system remained consistent across updates.
2. Cross-Team Alignment
The collaboration between design and development teams was enhanced, as the structured workflow allowed both teams to have clear expectations and feedback channels. By involving all stakeholders early on, we ensured the design system was viable both from a technical and design perspective.
3. Scalable Foundation for Growth
This pilot phase laid the groundwork for the design system to scale. The documented components, workflows, and collaborative structures provided a strong foundation for future iterations, enabling the system to evolve with the product. As a result, the design system became more than just a tool for consistency—it was a framework for sustainable design practices across teams.
Output
1. Improved Workflow and Efficiency
The new workflow greatly improved the efficiency of both the design and development teams. The ticketing process ensured that every component was reviewed and documented thoroughly, while reducing miscommunication. Designers were able to access a centralized repository of assets, ensuring that the system remained consistent across updates.
2. Cross-Team Alignment
The collaboration between design and development teams was enhanced, as the structured workflow allowed both teams to have clear expectations and feedback channels. By involving all stakeholders early on, we ensured the design system was viable both from a technical and design perspective.
3. Scalable Foundation for Growth
This pilot phase laid the groundwork for the design system to scale. The documented components, workflows, and collaborative structures provided a strong foundation for future iterations, enabling the system to evolve with the product. As a result, the design system became more than just a tool for consistency—it was a framework for sustainable design practices across teams.
Output
1. Improved Workflow and Efficiency
The new workflow greatly improved the efficiency of both the design and development teams. The ticketing process ensured that every component was reviewed and documented thoroughly, while reducing miscommunication. Designers were able to access a centralized repository of assets, ensuring that the system remained consistent across updates.
2. Cross-Team Alignment
The collaboration between design and development teams was enhanced, as the structured workflow allowed both teams to have clear expectations and feedback channels. By involving all stakeholders early on, we ensured the design system was viable both from a technical and design perspective.
3. Scalable Foundation for Growth
This pilot phase laid the groundwork for the design system to scale. The documented components, workflows, and collaborative structures provided a strong foundation for future iterations, enabling the system to evolve with the product. As a result, the design system became more than just a tool for consistency—it was a framework for sustainable design practices across teams.
Outcome
In just six months, I successfully laid the foundation for a scalable design system for Greator. By focusing on workflow, collaboration, and documentation, I ensured that the system not only solved immediate design challenges but also set the stage for future growth. The pilot design system proved the value of clear processes and cross-functional collaboration, creating a stronger, more cohesive product for the team and users alike.
Outcome
In just six months, I successfully laid the foundation for a scalable design system for Greator. By focusing on workflow, collaboration, and documentation, I ensured that the system not only solved immediate design challenges but also set the stage for future growth. The pilot design system proved the value of clear processes and cross-functional collaboration, creating a stronger, more cohesive product for the team and users alike.
Outcome
In just six months, I successfully laid the foundation for a scalable design system for Greator. By focusing on workflow, collaboration, and documentation, I ensured that the system not only solved immediate design challenges but also set the stage for future growth. The pilot design system proved the value of clear processes and cross-functional collaboration, creating a stronger, more cohesive product for the team and users alike.
Related Projects
Related Projects
Related Projects
E.
Take the first step and explore what we can achieve together. hello@edoardosportelli.design
© Edoardo Sportelli - 2024. Living in Italy, in Fiastra, nestled in the Sibillini Mountains. Like Tuscany, but better. Policy Privacy and Data Protection.
E.
Take the first step and explore what we can achieve together. hello@edoardosportelli.design
© Edoardo Sportelli - 2024. Living in Italy, in Fiastra, nestled in the Sibillini Mountains. Like Tuscany, but better. Policy Privacy and Data Protection.
Take the first step and explore what we can
achieve together.
hello@
edoardosportelli.design
© Edoardo Sportelli - 2024
Living in Italy, in Fiastra, nestled in the Sibillini Mountains. Like Tuscany, but better.
Policy Privacy and Data Protection.
E.