Arjun Perera

Arjun Perera

Improving the Design Workflow

This is how it all began.

When I first joined the team as a new UI/UX engineer, I was tasked with revitalizing a project that had been previously handled by others. It quickly became apparent that the design process was in disarray. All design elements for the platform were crowded into a single Figma file, with no separate pages for design systems or individual components. This setup created confusion, as developers and clients were simultaneously commenting on the same page, leading to miscommunications and inefficiencies. Recognizing the need for a more organized approach, I set out to restructure the workflow, aiming to streamline collaboration and enhance clarity for all stakeholders.

[Before]
Developers and clients were simultaneously commenting on the same page

Challenges

How I Managed This:

Organized Figma Files:

I organized the Figma file by creating distinct pages for different purposes—one for client review (Pending approvals) and one for development-ready screens(Approved screens). This separation made it easier to manage and track the design status

Pending Approval Board

Improved Screen Designs Management:

I set up a clear and organized system for storing and labeling Screen designs, making it easier to locate and reference them during sprints.

Approved Screens

Defined Approval Stages

I established a clear approval process where screens had to be reviewed and approved by the client before moving to the development-ready page. This ensured developers only worked on screens that had client approval, avoiding unnecessary rework.

Jira Tickets

 I integrated Jira tickets into the design process to track every design activity. This allowed for better visibility and accountability, ensuring that all tasks were aligned with project goals and timelines.

NEXT

How Do I Communicate Effectively with Clients?

I shared initial design concepts with clients to gather their feedback and understand their preferences. This helped ensure that the design direction aligned…