Medad Holding
Overview
Medad Holding is a large investment firm operating across the MENA region with a diverse portfolio spanning technology, healthcare, and commerce. Their existing website no longer reflected the scale or ambition of the business. It felt static, corporate in a dated sense, and failed to communicate the firm's forward-thinking investment vision.
Type
Website Redesign // Investment & Technology
Scope
UI design, motion design, micro-interactions, UX research (stakeholder interviews, competitive audit), UX restructure, interaction design, dev handoff documentation.
Design Approach
The core design challenge was a credibility gap: Medad needed to feel modern without losing the weight a firm of its stature requires. The resolution was a tech-inspired aesthetic. Dark backgrounds, teal accents, and bold typographic statements that borrowed visual language from the technology sector Medad invests heavily in. A signal about where the firm is positioned and where it's heading.
The homepage was structured to do three things in sequence: establish what Medad does, demonstrate the scale of their activity through key metrics, and then introduce their portfolio. Typography carried significant weight in this approach, with large, confident headlines anchoring each section.
Work Section
The portfolio section required the most UX consideration. Medad's investment portfolio spans multiple industries, and users can navigate by industry or location, and toggle between a list view for scanning and a card view for visual browsing and emphasis on featured companies.
UX & Motion
The process began with a diagnosis of the existing site. Identifying specific failures in structure, hierarchy, and brand expression. Stakeholder interviews followed, surfacing what the firm wanted to communicate and to whom. A competitive audit examined how comparable investment and holding companies internationally presented their work.
From there: IA restructure, then visual design. Color-grading the media assets was a significant part of the UI work. The original photography and imagery didn't have a consistent visual treatment, so bringing them into the teal/dark palette required careful asset-level work. Motion design was developed alongside the UI, including animations and interactive portfolio card states.
Animated Services
Components
Next Project