Finance · Dubai, UAE
Maihan Holdings: a single-page website for a Dubai wealth management house
A one-page Next.js website for Maihan Holdings, a Dubai wealth management company, built in one month. It has a navy and gold design, tabbed advisory content, a validated enquiry form and a full-screen mobile menu.
Timeline
1 month
Results
1 month
From start to launch
100
Lighthouse SEO score
Mobile and desktop, lab test, 22 Oct 2026
96
Lighthouse Performance score (desktop)
Lab test, 22 Oct 2026
Challenge
Maihan Holdings is a wealth management company headquartered at Meydan Grandstand in Dubai, with an Asia-Pacific office at the Jewelry Trade Center in Bangkok. It works through three business units: rare gemstone trading, precious metals trading, and investment consultancy and advisory. Its site speaks to private and institutional clients. The site presents all three business lines under one brand. Each line carries a lot of specialist detail: gemstone origins, certification laboratories, metal purities, risk practices and trading strategies. The site also introduces the founders and gives clients a direct way to start a conversation.
Solution
FKodeLabs designed and built the Maihan Holdings website in one month. It is a single page with ten anchored sections: hero, business units, gemstone trading, precious metals, an advisory spotlight, tabbed advisory content, why Maihan, leadership, locations and contact. A mega-menu links to each business unit. Five tabs keep the dense advisory material scannable. The enquiry form highlights empty required fields before anything is sent. On phones, the navigation becomes a full-screen menu. The design pairs deep navy with gold, using Cormorant Garamond headlines and Montserrat text, with restrained motion: scroll reveals, count-up figures, ticker strips and canvas animations. FKodeLabs also built the Maihan Financial Tracker, a secure portal for the group's companies. Its sign-in page is reached from the Login buttons on this site. Discuss your project on WhatsApp: https://wa.me/971525118960
Approach
- 01
Information architecture
Ten anchored sections on one page, a Business Units mega-menu on desktop, and tabbed advisory content (Philosophy, Risk Management, Strategies, Brokers, Testimonials) with hedging and arbitrage sub-tabs.
- 02
Design system
Deep navy (#0D1B2A) and a family of golds (#C9A84C, #E8C96A, #8B6914) on off-white sections. Cormorant Garamond headlines with italic gold accents, and Montserrat for body text and letter-spaced labels.
- 03
Motion
Scroll reveals, count-up hero figures, scrolling ticker strips, canvas animations behind the business units, and subtle mouse-reactive elements on desktop.
- 04
Enquiries and contact
An enquiry form with name, email, optional phone, service of interest and message, which highlights empty required fields. Direct email links for each leader, click-to-call office numbers and a back-to-top button.
- 05
Mobile
A hamburger icon opens a full-screen menu with Login and Inquire Now buttons. Content stacks into one column without sideways scrolling. Breakpoints run from 1200 px down to 360 px.
- 06
Technology
Next.js (App Router, Turbopack) on Vercel, with a pre-rendered homepage served from the edge cache and HSTS enabled. Google Tag Manager, Google Analytics 4 and Microsoft Clarity for measurement.
- 07
Measured performance
Lighthouse 12.8.2 lab test, 22 Oct 2026. Desktop: Performance 96, Accessibility 95, Best Practices 78, SEO 100; LCP 1.2 s, CLS 0.006, TBT 0 ms.
Tech stack
- Next.js
- React
- Vercel
- JavaScript
- HTML Canvas
- Google Fonts
- Font Awesome
- Google Tag Manager
- Google Analytics 4
- Microsoft Clarity
