Connected Consumer Insights Platform Website
MFour Data Research, Inc. is a consumer insights company that provides real-time behavioral and survey data to help brands understand and engage their audiences.
Client
MFour Data Research, Inc.
Year
2023-Present
Services
Website Design & Wordpress Development
Technologies
Figma, Wordpress, Gutenberg, HTML/SCSS, JS, PHP, JSON
Project at a glance
Building for flexibility and growth.
Led the website redesign and development in collaboration with MFour’s Marketing team and leadership, creating a more flexible digital experience that could support evolving products, go-to-market initiatives, and ongoing marketing needs.
Evolving product needs
Redesigned the website to better support MFour’s expanding product offerings, data tools, and evolving brand.
Cross-functional collaboration
Partnered closely with the Marketing team and developers throughout strategy, design, development, testing, and launch.
Flexible content system
Created reusable WordPress blocks and templates that gave the team greater flexibility to build and update content.
End-to-end execution
Worked across information architecture, UX/UI, custom WordPress development, SEO, responsive design, integrations, testing, and launch.
The challenge
MFour’s existing website no longer aligned with its updated brand or supported its expanding product offerings. As new data tools and interactive features were introduced, the website needed a more flexible structure that could evolve alongside the company’s products and marketing needs.
The challenge was creating an experience that could clearly communicate MFour’s growing capabilities while also giving the internal team greater flexibility to create and manage content. The new site also needed to accommodate interactive product experiences and integrations without compromising usability or consistency.
My approach
I approached the redesign by working closely with the Marketing team to understand MFour’s evolving website and content needs, then translating those needs into a flexible custom WordPress experience. Using Gutenberg, Advanced Custom Fields, and Bootstrap, I built a modular system that could support new products, interactive experiences, and ongoing content as the business evolved.
Align & plan
Collaborated with the Marketing team and COO to understand business goals, go-to-market initiatives, evolving product offerings, and requirements for the new website experience.
Audit & strategize
Audited the existing website, content, and structure to identify opportunities for improvement, then developed a refined sitemap and SEO strategy to create clearer paths through MFour’s products, resources, and company content.
Design & build
Translated MFour’s updated brand into a responsive digital experience and developed a custom WordPress theme with reusable blocks and templates tailored to the Marketing team’s content needs.
Integrate, launch & optimize
Partnered with the Development team to integrate Sigma workbooks and other interactive functionality, then continued supporting the site through debugging, new content development, maintenance, and SEO optimization.
Sitemap + content strategy
Website strategy
Developed a refined sitemap and page-level content strategy to organize MFour’s expanding products, solutions, and resources while creating clearer, more consistent paths through the website.
Sitemap
Content strategy
Development system
Building for flexibility
Built reusable WordPress blocks and templates around MFour’s content needs, giving the Marketing team greater flexibility to create new pages and experiences while maintaining visual consistency.
Reusable patterns
Custom blocks and components for consistent layouts
Global Styles
Color palette and typography system
The outcome
The redesigned website created a more modern, scalable digital experience that better supported MFour’s evolving brand, products, and marketing needs. A modular WordPress system gave the team greater flexibility to create and manage content, while interactive integrations helped bring MFour’s data products and capabilities directly into the website experience.
More flexible content system
Built reusable blocks, patterns, and templates that made it easier to create new content while maintaining consistency across the site.
Stronger product experiences
Integrated interactive product experiences that gave users more direct ways to explore MFour’s data tools and capabilities.
Scalable digital foundation
Improved the site’s structure, SEO, and technical flexibility to better support new products, content, and ongoing marketing initiatives.
Together, these improvements gave MFour a flexible digital foundation that could continue evolving alongside its products, go-to-market priorities, and long-term growth.
What I learned
Working at MFour strengthened my ability to collaborate across both marketing and development. Partnering with the Marketing team and COO gave me a deeper understanding of go-to-market strategy and how evolving product and business priorities translate into website content, messaging, and digital experiences.
On the technical side, collaborating with the Development team challenged me to work across different codebases. For the different MFour Studio views, I translated their existing code into PHP and JavaScript to integrate the functionality into WordPress. The experience strengthened my ability to connect business strategy, user experience, and technical implementation when solving digital problems.
Browse More Projects
Let’s create something great together.
If you’re ready to transform your idea into an intuitive digital experience, I’m here to help.
