Service pro by MSI Data — Website Redesign
The Service of Solutions
Service Pro’s primary challenge was communicating its robust capabilities. As a powerful tool designed to streamline back-office operations, support field technicians and enhance client satisfaction, the software needed a website that effectively conveyed its value in an easily digestible format.
The goal was to create a modern, innovative and visually captivating design that demonstrated Service Pro’s versatility while building trust and confidence with potential partners and clients—ultimately positioning it as the premier choice for field service management solutions.
SERVICES: web design
Meeting in Milwaukee
To kick things off, our team caravaned up to Milwaukee for an in-person discovery and working session at their Cream City office. We worked together to break down MSI Data’s goals for the new Service Pro website, dove into the platform’s capabilities and began mapping out a fresh structure for the site.
Meeting in Milwaukee
To kick things off, our team caravaned up to Milwaukee for an in-person discovery and working session at their Cream City office. We worked together to break down MSI Data’s goals for the new Service Pro website, dove into the platform’s capabilities and began mapping out a fresh structure for the site.


One Direction, Two Paths
After finalizing the wireframe, we developed two distinct design options for their website: One that was bold, dark and impactful, and another showcasing a bright, attention-grabbing look.
Concept 1

Concept 2

One Direction, Two Paths
After finalizing the wireframe, we developed two distinct design options for their website: One that was bold, dark and impactful, and another showcasing a bright, attention-grabbing look.
Concept 1

Concept 2





Next-Level Navigation
The most extensive revisions were made to the Features and Add-Ons pages, which we completely restructured for clarity and ease of use. We designed unique layouts that conveyed information concisely and effectively without overwhelming the reader.
We worked on a consolidated Resources page, allowing users to explore blogs, news, guides and company announcements on one landing page. We also improved the Careers and Industries pages to make them more enticing and user-friendly.
Next-Level Navigation
The most extensive revisions were made to the Features and Add-Ons pages, which we completely restructured for clarity and ease of use. We designed unique layouts that conveyed information concisely and effectively without overwhelming the reader.
We worked on a consolidated Resources page, allowing users to explore blogs, news, guides and company announcements on one landing page. We also improved the Careers and Industries pages to make them more enticing and user-friendly.



“Thanks to BatesMeron Sweet Design, our website received positive feedback from stakeholders. BatesMeron Sweet Design was timely and quick to respond. They worked well as a team and enjoyed working together, they assigned an excellent group of people to our account, and they were great at communicating, which our team appreciated. Their collaboration in the design phase was also remarkable.”

“Thanks to BatesMeron Sweet Design, our website received positive feedback from stakeholders. BatesMeron Sweet Design was timely and quick to respond. They worked well as a team and enjoyed working together, they assigned an excellent group of people to our account, and they were great at communicating, which our team appreciated. Their collaboration in the design phase was also remarkable.”