My contributions
I joined Formli to spearhead the development of new form customization features. My responsibilities included leading the design process and implementing new design guidelines and principles.
The challenge
Upon joining the project, I discovered that many design files lacked coherence and proper documentation, leading to confusion during hand-offs and inconsistent UX patterns.
Additionally, the project contained numerous legacy designs that needed to be considered. My task was to enhance the consistency of existing designs without disrupting the established patterns.
Getting to work
Before diving into design work, my first step was to organize and clean up the Figma project. I aimed to make it easy for team members to locate active stories, understand completed work, and access any brand and product assets. This was achieved by introducing a thumbnail system to distinguish library files from design files and implementing a clear naming convention for all files and pages.
With the project organized, I collaborated with the CTO to define clear objectives and stories. We adopted a two-week sprint approach to allow adequate time for testing and iteration while maintaining momentum.
Our initial focus was on text customization. This also presented an opportunity to integrate the MUI design library used by our developers. While developing these new features, I began constructing the first version of a design system aligned with the MUI nomenclature.
The result
After several months of dedicated work, significant progress was made. Users can now customize most aspects of their forms, including font styles, paddings, and margins. Additionally, this project led to the creation of a robust design system with clearer design guidelines, which we are actively implementing across the app.
