Abyan Capital Case Study (UI/UX)

Client

Joshua Kresge

Category

AR/VR

Live view

Visit Website

Timelines

3 month

SErvice we provided

User Research
UI Design
Development

About the Project

Abyan Capital is a pioneering halal trading app based in Saudi Arabia. Recently securing $18 million in funding, the platform focuses on providing Sharia-compliant trading solutions.
‍
We have been their go-to partner for UX and UI solutions, helping transform their concepts into user-friendly designs.

Work Scope

Our scope of work included a dashboard for account status, trading activities, and market trends. We implemented three calculators for profits, losses, and key trading metrics, adhering to halal guidelines.

We also integrated real-time market data, portfolio management tools, and interactive infographics to simplify complex financial data.

Challange

The main challenge was the lack of similar apps in the market, requiring us to brainstorm and create unique tools from scratch.

The first 15 days were dedicated to understanding trading intricacies, ensuring our solutions were accurate and adhered to halal guidelines.

MuseMind expertise and dedication were evident throughout the process. They created a seamless and engaging user interface that significantly boosted our user engagement and satisfaction.

Albert Flores

CEO, PEERSPARK

View review on clutch

Design

Process

Research

In the research phase, we comprehensively study user needs, behaviors, and pain points through methods like interviews and data analysis to inform the design process effectively.

Design

During the design phase, we create wireframes and prototypes, visually conceptualizing solutions. These serve as blueprints for the user interface's structure, layout, and functionality.

Testing

In the testing phase, we gather user feedback on prototypes, assess usability, and refine designs. This iterative process ensures the final product meets user expectations and needs.

Implementation

In the implementation phase, we focus on translating the designed user interface into a functional product, adhering to the established design guidelines and aesthetics. - implementation

Iteration

During the iteration phase, we revisit and refine the design and functionality based on feedback and insights gathered from user testing and evaluation, ensuring continuous improvement

Style Guide

After we made our high-fidelity wireframes, we made a design system with rules for each design element, such as visual identity elements, icons, interface components.

Tab View

We ensured traders had a seamless experience by implementing smooth navigation and intuitive interface design. This allowed users to easily access and manage their trading activities, enhancing their overall interaction.