Financial merchant sys.

The system provides an intuitive interface that enables businesses to add, edit, and delete bank partners and merchants efficiently. With a focus on usability and security, the dashboard ensures seamless management of financial transactions, user roles, and partnerships.

Client:

Startup Company

Date:

December 12, 2024

Type:

Landing Page

Role:

Product Designer

Selffinity Landing Page
Selffinity Landing Page
Selffinity Landing Page

The objective of this project was to design a dynamic and user-focused landing page that communicates Sellfinity’s key benefits. The page showcases the platform's core functionalities, such as automated reporting, team performance tracking, and seamless integration with existing CRM tools. Interactive elements like testimonials, case studies, and explainer videos were incorporated to build trust and engagement with potential users.

A modern, professional design was employed, balancing aesthetic appeal with usability. Special attention was given to clear navigation and strategic call-to-action placements, encouraging visitors to explore the platform or start a free trial. Responsive design principles were prioritized to ensure compatibility across devices, delivering a consistent experience to all users.

What was the main issue with the MMS system?

When I first connected with the startup team behind the MMS system, they were struggling with a serious issue: their product had no existing design.

Imagine trying to update or improve a system without a clear reference—no screens, no UI files, nothing. Every change felt like working in the dark. The developers were stuck, wasting time recreating elements from scratch. Worse, there was no design system in place, meaning even the smallest UI updates had to be manually applied across the entire platform.

This wasn’t just slowing them down; it was making future scalability nearly impossible. Every fix was a workaround, every feature update was chaotic.

But that wasn’t the only problem…

Even for the users, the experience was far from smooth. Navigation was confusing, workflows were frustrating, and key actions weren’t intuitive. Users were either spending too much time figuring out simple tasks or giving up altogether. The system wasn’t working for them—it was working against them.

That’s where I stepped in.

I knew that to fix these issues, the MMS system needed more than just a redesign—it needed a structured, scalable design foundation that would empower both the development team and the users.

My Role in the MMS Project: Transforming Chaos into Clarity

1. Rebuilding the Missing Design & Establishing a Design System

🔹 Collaborated with the startup team to understand their vision, challenges, and system requirements.
🔹 Analyzed the existing platform and identified inconsistencies in UI elements, layouts, and interactions.
🔹 Created a new, structured design system to provide reusable components, consistent styles, and scalable UI elements, making future updates seamless for developers.
🔹 Delivered high-fidelity UI designs in Figma, ensuring clarity and alignment with the development team’s workflow.


2. Enhancing the User Experience (UX) for Better Usability

Conducted UX research to understand user pain points and frustrations with the current system.
Redesigned navigation and workflows to improve usability, making the system more intuitive and user-friendly.
Applied usability principles to enhance visual hierarchy, simplify complex interactions, and improve accessibility.
Worked closely with developers to ensure the designs were implemented correctly and functioned smoothly across different devices.

The Impact of My Work
Increased efficiency for the development team with a structured design system.
Enhanced usability, reducing user frustration and improving engagement.
Created a scalable, future-proof UI, allowing for easier updates and expansion.

By combining UI/UX strategy, design expertise, and collaboration, I helped transform the MMS system into a well-structured, user-friendly platform.

My Process in MMs Project

I have completed the user research phase for the MMS project, focusing on understanding the target users’ needs, pain points, and preferences. Through a combination of user interviews, surveys, and competitive analysis, I gathered valuable insights that have informed the design process. The research helped identify key features and functionalities that users expect, ensuring that the final product will meet their expectations. These findings are now being used to shape the user experience and ensure a seamless, intuitive design.







Visuals: To visualize these insights, I created
  • User Personas:


Competitive Analysis:

I examined similar systems and found:

  • Clear Navigation: Competitors used defined menus for easy access to features.

  • Intuitive Dashboards: Important data was prioritized and easy to digest.

  • Scalable Design Systems: They had established design components for consistency.

  • Streamlined User Flows: Actions were simplified, requiring fewer steps.



Wireframes & User Flows:

I created low-fidelity wireframes and mapped user journeys to simplify tasks, improve workflows, and ensure a seamless experience across devices.


Final UI Design & Prototypes

I focused on creating a visually compelling and user-friendly experience for the MMs platform. Through a structured design system, I ensured consistency in typography, color schemes, and UI components, enhancing usability and aesthetics.

In the prototyping phase, I developed high-fidelity interactive prototypes, allowing real-world users to experience the platform before development. This iterative approach enabled usability testing, ensuring seamless interactions and intuitive navigation.

By combining strong visual design principles with functional prototypes, I refined the user journey, making MMs a smooth, accessible, and engaging platform for both professionals and clients.






Summary:

The redesign solved UI/UX issues and created a scalable, user-friendly system.
Let’s Work Together: If you need a UX/UI expert to transform your system, let’s connect!



Copyright © Ala’aKabariti2025. All rights reserved.

Copyright © Ala’aKabariti2025. All rights reserved.

Copyright © Ala’aKabariti2025. All rights reserved.