2023

MMG Website Redesign

Paige Mundy

THE CHALLENGE

MMG’s original site was built quickly by a freelancer and was no longer aligned with their brand identity or user needs. It lacked structure, visual appeal, and a cohesive UX strategy—resulting in a missed opportunity to establish credibility and engage their audience.

THE SOLUTION

I redesigned the website to better reflect MMG’s evolving brand identity while creating a more intuitive and visually cohesive user experience. By restructuring the information architecture and refreshing the visual design, I improved clarity, credibility, and overall usability. I also enhanced mobile responsiveness and built a maintainable, scalable WordPress site using Elementor—ensuring the platform could grow with the company’s future needs.

THE PROCESS

Empathize — Research & User Understanding

Met with owners, marketing, and creative leadership to identify business goals
Defined target audience and their expectations for a real estate advisory website
Audited the existing site for usability issues, design inconsistencies, and content gaps
Established visual, functional, and content requirements for the redesign

Define — Problem Statements & Requirements

Goals

Realign the website with MMG’s evolving brand identity
Improve information architecture and visual hierarchy
Enhance UX and mobile responsiveness
Build a scalable, maintainable WordPress site using Elementor

UX Strategy

Conducted a full site audit and competitor review
Identified user flow bottlenecks and accessibility issues
Reworked the sitemap, menu structure, and content organization
Defined component standards using atomic design principles

BRANDING

Primary Colors

#4E748B

#73C3D5

#4D4F53

Secondary Colors

#C7DC71

#CA5A43

#E4B143

Futura PT Book
Aa Uses: Website Font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elit neque, interdum tristique orci at, placerat cursus libero. Sed posuere ultricies eleifend. Duis interdum id felis eu varius. Sed ipsum sem, auctor vel arcu non, sodales fringilla orci. Etiam mattis est vel hendrerit fermentum. Maecenas turpis felis, semper elementum tristique eu, vehicula molestie dui.

Paragraph - 16pt

Header 6 - 18pt

Header 5 - 24pt

Header 4 - 32pt

Header 3 - 48pt

Header 2 - 56pt

Header 1 - 72pt

Ideate — Content Strategy, IA & Solution Exploration

Explored layout options and content structures that improved clarity and trust
Brainstormed modular components to support scalability
Evaluated UI directions that matched brand tone: modern, clean, professional

Prototype — Wireframes, Flows & High-Fidelity UI

Created low- and high-fidelity wireframes in XD
Developed a cohesive visual system—typography, color, spacing, iconography
Designed flexible, responsive components and page templates

Expand and Play with me!

Hi-Fidelity Prototype

Test — Usability Testing & Iteration

Conducted internal reviews with stakeholders
Collected feedback on clarity, visual appeal, and content flow
Refined layouts based on user expectations and business needs
Ensured accessibility standards were met (contrast, sizing, alt text, interaction patterns)

Implement — Development, QA & Launch

Development in WordPress + Elementor

Built custom layouts and reusable modules
Ensured responsive behavior across breakpoints
Optimized performance (image compression, caching, lazy loading)
Implemented SEO-friendly structure and alt-tag optimization
Trained the internal team to update and manage content independently

THE RESULTS

Delivered a polished, brand-aligned website with a clear structure

Improved user engagement and increased time-on-site

Developed a scalable system enabling the team to expand content easily

LESSONS LEARNED

Elementor allows rapid iteration while preserving full design control

Close collaboration with stakeholders ensured alignment and minimized rework

Designing with development in mind significantly accelerated the build process