AgriDigital is an AgTech startup that built a grain management platform for Growers, Site Operators, Brokers and Traders. Following a successful rebranding initiative, the need to redesign the platform by creating a brand new design system arose. This would increase customer satisfaction, and reduce brand confusion.
ROLE
Led the end-to-end design process, working closely with Product and Engineering
GOALS
RESULTS
components built from scratch
component styles to allow for consistency and flexibility
reduction in design effort
This quickly made me uncover usability issues. It was clear that there was a lack of consistency across the platform, with different primary or disabled buttons being used, different states, and a lack of layout hierarchy.
This highlighted the importance of documenting everything, as it ensured nothing was missed and that we could build a holistic and usable design system.
I conducted extensive research on current design trends and industry best practices. I analysed and referred to several accessible design systems such as Material Design, Decathlon, or IBM. These had some good practices, guidelines and tools that I could apply in our design system.
I engaged in weekly meetings with product and engineering teams to review and align on design components. I facilitated discussions to ensure consensus on design decisions. Some questions that often needed to be answered as a team were:
Colours
Typography
Buttons
I documented design components and guidelines comprehensively in Figma and Confluence, ensuring transparency and accessibility for all stakeholders.
This included:
I collaborated closely with engineers to assist in implementing the new design system.
I provided guidance and support throughout the implementation process to ensure fidelity to design specifications. Regular check in meeting where held to address last minute issues during the implementation and work through them as a team.
This feature allowing users to share an artefact was created using components previously created in the design system. Buttons, modals supporting different scenarios, tooltips and banners were used the way they had been built. By incorporating diverse styles and states in the design system, we accommodated the specific requirements of this feature without compromising consistency or usability.