iOS
Android
Web app
Productivity
2024
How I designed a comments feature for real-time feedback
Researching, UX/UI, Design Handoff
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.
Impact
Allowed users to share immediate progress—bridging the gap between task completion and ongoing work
Sped up instant communication within app
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
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
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
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
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
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
Mobile design
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.
iOS
Android
Web app
Productivity
2024
How I designed a comments feature for real-time feedback
Researching, UX/UI, Design Handoff
Background
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.
Impact
Allowed users to share immediate progress—bridging the gap between task completion and ongoing work
Sped up instant communication within app
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
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
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
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
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
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
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.
iOS
Android
Web app
Productivity
2024
How I designed a comments feature for real-time feedback
Researching, UX/UI, Design Handoff
Background
I improved the checkout page to increase donations for Declic - a non-profit group for online petitions and activism.
Impact
Allowed users to share immediate progress—bridging the gap between task completion and ongoing work
Sped up instant communication within app
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
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
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
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
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
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
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.
