Redesigning transactions dashboard to empower ecommerce brands

Skills Figma Wireframing Prototyping

The old portal was built and designed by our development agency under time constraints. Whilst it worked as an MVP, this showed cracks very quickly.

As there was too much information in the merchant portal, it was hard for business owners to skim and find relevant information quickly.

Since the previous layout didn't allow for scaling the platform, the new refund capability could not be added easily.

Previous merchant portal

The solution to this was

Redesign the payments page to present the information clearly

Add refund and reconciliation capabilities and future features in mind

Set precedence for the new UI style of the portal

User flow mapping to understand the hierarchy of information + technical architecture

The merchant portal is the backend of merchants using Roqqett, housing many key capabilities such as refunds.

I mapped out the key moments in the user flow to create an intuitive experience whilst streamlining the information on the original portal to create hierarchy.

Allowing for multiple statuses and other features as the product scales, whilst keeping only the crucial information on this page.

Not every piece of information is important at every moment, prioritise the most crucial to reduce overwhelm and increase the value of your product.

Building an MVP requires a fine balance between optimising for time to value, whilst not sabotaging your future self with re-designs / re-architectures because the MVP was so rudimentary.