Muhammad Umaid
A dark, AI-focused personal brand site for a developer who builds websites and AI systems, designed to turn visitors into booked calls.
Hover a screen to scroll the page
Overview
The original site had a strong look, but it leaned on a stack of add-on plugins and its message undersold the AI work. I kept the design that people already recognised, rebuilt it natively in Elementor, rewrote the copy around websites and AI, and added an interactive hero, a scroll-driven explainer and a full portfolio system.
- Client
- Muhammad Umaid
- Industry
- Web development and AI
- Year
- 2026
Built for every screen
The same site, laid out for each screen. Drag the edge of the window or pick a device. Hover the screen to scroll the whole page.
On real devices
The challenge
The site had a look people already recognised, but it leaned on a stack of add-on plugins for a handful of effects, its message only talked about websites, and its first screen gave visitors nothing to remember.
Heavy plugin stack
Three add-on packs and several utility plugins loaded on every page for a handful of effects.
Undersold AI work
The copy talked about websites only, while the business had grown into AI assistants and automation.
A forgettable first screen
The hero looked clean but gave visitors nothing to interact with or remember.
Uneven rhythm
Section spacing varied from screen to screen, so the page felt longer than it was.
Position the brand clearly as websites plus AI, keep the look that already worked, and make the site faster and lighter, so every section moves a visitor toward booking a call.
What I did
Rebuilt every effect they provided natively in Elementor, so the same look runs on far fewer scripts.
Every section now speaks to websites and AI systems that win clients, not just websites.
A hero visitors can spin, light with the cursor and fire arcs from, drawn in real time.
A scroll-driven section that shows how visitors become booked calls, one stage at a time.
A Projects system in WordPress: add a project once and it appears in the grid and gets its own case study.
One section per screen on desktop, a steady rhythm on mobile, and lighter pages throughout.
Brand
A bold M mark that holds up at favicon size and reads clearly on the dark theme.
Aa
Bricolage Grotesque
Aa
Bricolage Grotesque
The pages
Pick a page, then scroll inside the window to explore it from top to bottom.
Results
Lighter, native build
The same effects now run on Elementor alone, with far fewer scripts on each page.
Clear positioning
Every section now speaks to websites and AI systems that win clients.
A hero people remember
Visitors can spin the globe, light it with the cursor and fire arcs between cities.
Consistent flow
One section per screen on desktop and a steady rhythm on mobile.
The stack
The tools behind the build, and what each one does on the site.
- WordPressContent management, so the team edits pages and products themselves.
- ElementorVisual page layouts the team can edit themselves.
- GSAPScroll-driven motion and interactions.
