Al Mamsha is a large residential and retail community in Sharjah, UAE, developed by Alef Group. I built its website in WordPress and Elementor Pro from the Figma design, including two custom Elementor widgets for the interactive tabs and the new launches slider. The site presents several projects at different stages, from ready-to-move homes to launches with handover years away, so it had to feel premium and still be easy to navigate on a phone.
The brief
Turn the Figma design into a site the marketing team could run themselves, with a page for each project (Souks, Seerah, Raseel, Hamsa and Palace Residences), clear handover status, and enquiry forms that work for buyers calling from anywhere.
What I built
- A faithful Figma to Elementor build: large imagery, lifestyle sections and navigation rebuilt natively in Elementor Pro, responsive at every breakpoint.
- Custom widgets: an interactive tabs widget and a launches slider, built as real Elementor widgets so the team can update projects and images in the editor.
- Project pages: one page per community project, each linked from the main menu with its handover status.
- Enquiries: contact forms with an international phone field, plus a tap-to-call enquiry number on every page.
Why native widgets
Sliders and tab sections copied together from generic add-ons often look close to the design but never quite match it, and they load code the site does not need. Building them as small custom widgets kept the site faithful to the Figma file and easy for the team to edit.