Desktop app

Mobile app

Productivity

2024

How I designed a comments feature for real-time feedback

How I designed a comments feature for real-time feedback

Role:

Product Designer

Year:

2024

Team:

2 designers, Full stack & QA engineers

Scope:

Researching, UX/UI, Design Handoff

Background

Background

Lawyers who used Lupl didn't have instant messaging for documents or tasks within app. So I designed a comment feature that allowed users to share quick updates on those.

Lupl is a tool designed to streamline legal processes and workflows. I build a step feature that turns overload into manageable and enables users to better manage their workload.

I improved the checkout page to increase donations for Declic - a non-profit group for online petitions and activism.

Impact

Impact

  • Allowed users to share immediate progress—bridging the gap between task completion and ongoing work

  • Sped up instant communication within app

Problem

Problem

There was a lot to think about when deciding whether to keep the interface simple or increase feature visibility. Also, had to figure out how to use different parts of the Lupl instant messaging interface to make it look cohesive.

Researching

Researching

I primarily looked at productivity apps that allow users to comment. Flows in apps like Airtable, Asana, Wrike, ClickUp, Jira, and Microsoft Planner helped me understand better how to design the feature.

Learning by doing

Learning by doing

I had a few days until the first design review with the stakeholders, so there was no time to wait.


In the past, I used to spend hours searching for the perfect solution, worrying that if I didn’t go on the right path, I'd end up with a non-solution. However, this turned out to be a disguised form of procrastination, causing me to slow down and experience decision paralysis.


So I changed this strategy to the opposite. ‘Get started now, and you will discover the answer soon' started to be my mantra whenever I felt hesitant.

It's getting busy

It's getting busy

Adding a comment while hovering on the task was part of the requirements. But with all the other parts, this could not work. As is shown in the image below, there was not much space left for the task name. Therefore, I had to persuade the stakeholders to be removed from here.

First attempt: fewer entry points

First attempt: fewer entry points

Getting feedback

Getting feedback

Below is a fist try screen that I had to redesign because it did not work with the UI for instant messaging. Although, we all agreed to leave the entry point only in the siderail. It felt like a small victory.

Rejected solution

Rejected solution

Moving forward

Moving forward

With helpful input from team, I was able to change the UI into something that worked better with what we already had. This got me approval on the design, and we were set to move forward.

Accepted solution

Accepted solution

Mobile design

Additional improvements

Additional improvements

On mobile, the same options had to be available. The user should be able to attach files, react with emojis, tag members and edit messages. I designed for both iOS and Android.

On mobile, the same options had to be available. The user should be able to
attach files, react with emojis, tag members and edit messages. I designed for both iOS and Android.

Learnings & reflections

Learnings & reflections

  • Start now, refine later: Getting away from the not-good-enough idea and getting going helped me spark more feedback. As a result, direction was revealed quicker.


  • Constraints mean freedom: Limited screen space made me negotiate with stakeholders to make sure only meaningful actions are displayed.


  • Being moderately flexible yields superior results: Adapting UI, rather than holding on to initial concepts, allowed a more integrated solution with the rest of Lupl’s app.

  • Start now, refine later: Getting away from the not-good-enough idea and getting going helped me spark more feedback. As a result, direction was revealed quicker.


  • Constraints mean freedom: Limited screen space made me negotiate with stakeholders to make sure only meaningful actions are displayed.


  • Being moderately flexible yields superior results: Adapting UI, rather than holding on to initial concepts, allowed a more integrated solution with the rest of Lupl’s app.

Thanks for reading

Thanks for reading

Next Project

Next Project

ana@anaracheleanu.com

©2025 Ana Racheleanu

ana@anaracheleanu.com

©2025 Ana Racheleanu

ana@anaracheleanu.com

©2025 Ana Racheleanu