M2.0 Communications - PR Agency
Overview
M2.0 Communications is a public relations and communications agency that helps brands tell impactful stories through data-driven strategies. The website was due for a full revamp. The existing site had performance issues, an inconsistent visual identity, and lacked the polish needed to reflect the agency's credibility and reach. I took on the redesign from the ground up, handling everything from Figma wireframes to WordPress implementation, with a strong focus on visual consistency, user experience, and site performance across all devices.
Challenge
The M2.0 Communications website was outdated, both in layout and content, and no longer matched the agency's level of work. It had slow load speeds, a heavy theme, and an inconsistent visual identity that made it difficult to reflect the brand's credibility and scale. The site needed a full redesign, not just minor fixes, to modernize the look, improve performance, and create a structure that the team could easily maintain and grow over time.
Working within Elementor also had its limitations. Some layouts and interactive elements simply could not be achieved through the plugin alone, so custom CSS and code were needed to bring the design vision to life. Throughout the process, close collaboration with leads and stakeholders was key to making sure the new site aligned with what the agency wanted to achieve.
Web Designer - Owned the full redesign and development of the official M2.0 Communications website, from initial Figma concepts through to WordPress implementation. Collaborated closely with the SEO, content, and creative teams throughout the process to ensure every aspect of the site, from structure and copy to visuals and performance, came together cohesively for a successful launch.
Tools
Wordpress
Figma
Photoshop
Claude
Claude Code
Design Highlights
Designed the full site revamp in Figma — from wireframes to high-fidelity mockups — then implemented the designs directly in WordPress
Participated in an iterative design process, regularly checking in with leads and stakeholders to align the site's visual direction with business goals and audience expectations
Designed and implemented subtle animations and interactive elements using Jitter, GSAP, and custom code to create a more engaging and dynamic user experience, including scroll-triggered effects, hover states, and smooth transitions
Collaborated on custom visual assets and UI elements to ensure alignment with the M2 Comms brand identity
Applied a clean, responsive layout optimized across all screen sizes and devices
Established a consistent typography system across the site, defining font choices, sizing, and spacing to maintain visual rhythm and brand cohesion
Structured content with clear visual hierarchy to support usability, readability, and discoverability
Built and maintained the site using WordPress for flexible, scalable content management
Development & Optimization Highlights
Increased Google PageSpeed scores from 62% → 100% (mobile) and 94% → 100% (desktop), achieving a GTmetrix Grade A
Maintained an Ahrefs site health score above 90%, reinforcing SEO strength and technical stability
Rebuilt the M2 website with a lighter theme and optimized plugins, improving speed, efficiency, and long-term maintenance
Wrote custom CSS and code to overcome Elementor plugin limitations, achieving desired layouts and design precision beyond what the builder natively supports
Collaborated on the full site migration to Kinsta, enhancing uptime, reliability, and overall performance
Monitored site health to ensure fast performance, SEO compliance, and a smooth user experience
