Miyar Capital Redesign

Led a full UX redesign for Miyar Capital to transform a complex and fragmented experience into a clear, intuitive, and user-friendly financial platform, improving navigation, usability, and user confidence.

hero
01

Project Overview

Background

Background

Miyar Capital is a Saudi investment firm offering asset management, advisory, and securities services. The goal of this project was to redesign their website to reflect their credibility better, simplify complex information, and guide users toward meaningful actions.

The existing experience lacked clarity, a modern structure, and strong user flows, making it difficult for potential investors to understand the services or take action.

Project Goals

Project Goals

The primary goals were to improve usability and navigation, establish a trustworthy visual language, and ensure the platform works seamlessly across all devices. Secondary goals included reducing drop-off rates on key flows and elevating the overall brand perception.

The Challenge

The Challenge

The previous website lacked clear structure, modern visual hierarchy, and intuitive navigation, making it difficult for users to understand services and engage confidently with the platform.

UI/UX

Visual Identity

Art Direction

My Role

My Role

Led the end-to-end UX/UI design process, including research, competitor analysis, wireframing, user flows, UI design, and responsive layouts.

hero
hero
02

Research Phase

Competitor Analysis

Competitor Analysis

Analyzed regional and global investment platforms to identify usability patterns, strengths, and opportunities for differentiation.

Key Findings: - Most competitor websites felt overly corporate and difficult to navigate - Heavy information density reduced readability - Limited focus on user engagement and conversion

User Persona

User Persona

Created personas to better understand investor expectations, behaviors, frustrations, and motivations.

Research Insights

The research revealed that users value simplicity, credibility, and structured content when interacting with financial platforms.

Key Insights - Trust is strongly influenced by visual clarity. - Simplified navigation improves engagement. - Users prefer quick access to key services and information.

03

Define Phase

Problem Statement

Problem Statement

Investors need a clear and trustworthy platform to explore financial services and make informed decisions, but existing experiences are often complex, outdated, and difficult to navigate.

User Journey

User Journey

Mapped the primary user flow to understand how users discover services, build trust, and take action throughout the platform.

Main Flow Homepage → Explore Services → Learn More → Contact / Register Interest

04

Ideation Phase

User Flow

User Flow

To simplify navigation and support business goals, user flows were created to define how visitors move between key sections, discover services, access investment information, and complete their intended actions efficiently.

Main Sections - Home - Who We Are - Investor Relations - Investment Banking - Asset Management

UX Strategy

UX Strategy

The strategy focused on creating a balance between institutional professionalism and modern user-centered design principles. Focus Areas - Improve information clarity. - Simplify navigation. - Strengthen visual hierarchy. - Create stronger conversion points.

05

Design Phase

UI Design & Style Guide

UI Design & Style Guide

The visual design system was built from the ground up — establishing a color palette, typography scale, spacing system, and reusable component library. The style guide ensured consistency across all screens while giving the brand a polished, modern identity that communicates reliability and professionalism.

High-Fidelity Screens

High-Fidelity Screens

The final high-fidelity screens brought every design decision together into a complete, pixel-perfect product. Key screens included the homepage, dashboard overview, onboarding flow, portfolio tracker, and mobile-responsive variants — all validated through usability testing before handoff.

The final high-fidelity screens brought every design decision together into a complete, pixel-perfect product. Key screens included the homepage, dashboard overview, onboarding flow, portfolio tracker, and mobile-responsive variants — all validated through usability testing before handoff.

Trust Built into Every Pixel
1 / 3

Trust Built into Every Pixel

A conversion-focused landing page leading with impact numbers and a clear value proposition, paired with a structured Who We Are page that establishes credibility through methodology, core principles, and transparent company data.