MS Marketing Agency Website Development

MS Marketing: an agency website built to be found.

A German-language WordPress website for MS Marketing, a Swiss digital marketing agency with offices in Baden and Rapperswil. The agency offers web design, SEO, paid advertising, social media, graphic design and copywriting to Swiss businesses. The site lays out that wide offer without overwhelming visitors and gives each service its own page to rank on. Every page points visitors toward one action: "Projekt starten" (start a project).

Homepage with an animated particle hero, a service overview, a four-step process, the team, testimonials, client logos and the latest blog posts

Mega menu organizing 12 services into five groups, with a "Projekt starten" call to action inside it

More than 25 service pages and sub-pages, covering everything from web design and e-commerce to technical SEO, local SEO, paid search and social media advertising

About page with the team, animated skill bars and client testimonials

Portfolio section ("Unsere Arbeit") on the Web Design page

Blog with a grid layout

Contact page with both office locations, embedded maps and a detailed project enquiry form

Fixed header with a top bar for phone, email and social links, plus a site-wide footer

Cookie consent banner, legal notice (Impressum) and privacy policy (Datenschutz)

I built the site in WordPress on Divi, starting from a Divi agency child theme. Divi Plus and Supreme Modules Pro add extra layout and animation options, Max Mega Menu runs the navigation, and Yoast SEO Premium handles the search setup. Every page can be edited visually in the Divi Builder.

A service structure built for search. Each service area has a main page and focused sub-pages. SEO alone has six: keyword research, technical SEO, local SEO, SEO audits, backlink analysis and E-E-A-T. Paid advertising and social media are split up the same way. Each topic gets its own page that can rank for its own searches. Yoast SEO Premium manages titles, meta descriptions, XML sitemaps and structured data.

FAQs search engines can read. Long service pages are organized into tabs and end with FAQ accordions. The FAQs are marked up with FAQ schema, so search engines can read each question and answer directly.

A mega menu for a wide offer. Twelve services sit in five clear groups (Webseiten, SEO, Bezahlte Werbung, Social Media and Weitere Services), with a contact prompt built into the panel. Visitors can see the agency's full range from any page.

A bold, monochrome identity. The palette is black, white and soft grey. Montserrat Alternates gives the large headings a distinctive, rounded character.

An animated particle network runs behind the hero.

Headings use two colors.

Images are masked and layered.

Sections are separated by shaped dividers.

Some backgrounds scroll with a parallax effect, and elements animate in as you scroll.

Content that updates itself. Testimonials and portfolio projects are stored as their own content types, and the testimonial slider and portfolio pull from them. Adding a new review or project is a content update, not a layout job.

A clear process and better enquiries. A four-step flow on the homepage shows how a project runs: contact, quote and contract, project, handover. The contact form asks for:

company name, website and location

which services the visitor is interested in: marketing, web design, graphic design, copywriting or e-commerce

Every enquiry arrives with context, and a simple captcha keeps out spam. Both offices are listed with their address and an embedded Google Map.

Responsive layouts. Layouts and type adapt for tablet and mobile, with animation settings defined for each device.

Stack: WordPress · Divi (Theme Builder) · Divi Plus · Supreme Modules Pro · Max Mega Menu · Yoast SEO Premium · CookieYes · Google Maps