Back
Web Platform · Real Estate

Real Estate Developer Website Redesign

Client
Moura Dubeux Engenharia
Role
UX/UI Designer
Summary
Redesigned the digital platform for Moura Dubeux Engenharia, one of the largest real estate developers in northeastern Brazil. The new site included property search with advanced filtering, individual development pages with photos, videos and maps, and a responsive design for web and mobile.
UI/UX Design project intro — Moura Dubeux Engenharia logo over a cityscape background. Phone mockup showing the Advanced Search mobile interface with a featured property listing for Salomao Kelner na Madalena. Description text reads: 'The Moura Dubeux is one of the largest real estate developers and construction companies in the Northeastern Brazil with more than 35 years of activity.' — 2018 / Agency Fishy. Wireframes — The Goal: To redesign a website providing easy navigation with a modern design. To organize and show the products by states and help customers easily find the content they are looking for. Five mobile wireframe screens showing: state selection (Pernambuco, Ceara, Rio Grande do Norte, Bahia, Alagoas), navigation menu (Residential, Commercial, Beach Class, Resale), Advanced Search filters (City, Neighborhood, Bedrooms, Status), property listing card, and Blog section. Grid System — orange background title panel alongside a wireframe showing the bottom of the homepage: 3.952.053 m² of built area stat, MD Client section with Learn More CTA, Receive News newsletter signup form (Name, Email, Phone), Relationship Center with phone numbers 4020 7700 and 0800 025 7700, and social media icons. Desktop wireframe — laptop mockup showing the Moura Dubeux homepage: MD logo, navigation (Residential, Commercial, Beach Class, Resale), search filters (City, Neighborhood, Bedrooms, Status), hero property carousel with a launch card (3 bedrooms, 86m², 2 parking spots, Learn More CTA), and a dropdown footer overlay with navigation links (Institutional, Portfolio, Blog, Contact). Website Visuals — Solution: A clean UI combined with a modern design and a solid navigation system that provides filters and tools to help visitors find properties by location, room count, property type, and building features. Desktop homepage showing the MD logo, navigation (Residential, Commercial, Beach Class, Resale), Advanced Search bar, featured launch 'Discover the Salomao Kelner na Madalena' with pool photography, and a property listing grid below. Continued homepage — property grid with six developments (Jardim das Acacias, Jardim das Tulipas, Hilson Macedo, Marina do Cais, Cosmopolitan Shopping Park, Via Capitaibe), Blog preview section, company stats (83 developments, 3.952.053 m² of built area, 63 delivered units), MD Client CTA with lifestyle photography, Newsletter signup, Relationship Center phone numbers (4020 7700, 0800 025 7700, 4020 3538), and orange footer. Close-up of the Moura Dubeux desktop navigation bar showing the MD logo and Advanced Search filters (City, Neighborhood, Bedrooms, Status, OK), Online Sales chat icon, and 'Call now 4020-3538' contact link. Individual property page for Bosque das Acacias with two annotation callouts. Left: 'Each product has a unique page with a fixed menu where the visitor can navigate through photos, videos, plants and maps.' Right: 'The user can also find information about all of the building's structure by an icon system that helps the visitor to understand the characteristics of each product.' Page shows fixed sidebar navigation (Presentation, Leisure Area, Photos, Floor Plans, Location, Blog), hero property photo, description, Infrastructure icons, Leisure Area amenities, apartment floor plan, and interior render. Property detail continuation — floor plan carousel, Location map with MD-branded pins, Video section with aerial footage, lead capture form, Construction Progress bars, Construction Site Photos, Technical Information section, MD Client CTA, Newsletter signup, Relationship Center phone numbers (4020 7700, 0800 025 7700, 4020 3538), and orange footer. Animated walkthrough of an individual Moura Dubeux property detail page scrolling through photos, floor plans, location map, and contact sections. Responsive Design — four tablet-sized page views: top left: Institutional page with company description and partner logos; top right: Photos gallery grid with property images; bottom left: MD Client account update form with personal detail fields; bottom right: MD Client Personalization page. Mobile close-up — phone mockup on an orange background showing the Moura Dubeux mobile homepage with the Advanced Search bar, MD logo, state selector (Pernambuco), phone number (4020 3538), and featured property 'Discover the Salomao Kelner na Madalena' with pool photography and a Launch - Recife (PE) tag. Mobile screens — nine smartphone views showing: state welcome screen (Pernambuco, Ceara, Rio Grande do Norte, Bahia, Alagoas), Advanced Search listing with Salomao Kelner na Madalena property card, Edf. Hilson Macedo listing cards, Institutional page about Moura Dubeux as one of the largest developers in the Northeast, Contact page, property detail for Bosque das Acacias with pricing, description, Infrastructure icons, and Leisure Area amenities. Mobile closing screens — continued property detail with floor plans, Location map with MD-branded pins, Video section, lead capture form, Construction Progress bars, Photos gallery, Newsletter signup, Relationship Center phone numbers (4020 7700, 0800 025 7700, 4020 3538), footer with social links, Blog preview, and company stat: 3.952.053 m² of built area. MD Client CTA. Closing: Thanks for Watching! — irvingsuna.com — white background with orange smiley face.

Want to learn more about this project?
hello@irvingsuna.com