Jordi contacted us after seeing our work on the website and was delighted with the results we achieve for businesses in the Maresme region. He came with a clear idea: to revamp his corporate website because the current one didn't represent him, he didn't like the design , and it didn't give him  visibility . He asked us for a  striking , easy-to-navigate solution focused on gaining presence in the Maresme region. 

Our challenge: transform your digital presence into an asset that attracts visitors , builds trust , and converts into appointments , combining design and local SEO from day one.

Starting objectives

• Visual impact and branding consistent with the workshop.
• Clear, mobile-first navigation and visible CTAs (“Make an appointment,” WhatsApp, and call).
• Maximum visibility in Maresme with local SEO for services.

Before and after: from a dull website to a website that converts

BEFORE (old website)

• Flat and generic look : carousel without message and without visual hierarchy.
• Heavy reading: small fonts, dense blocks, and difficult to scan.
• Confusing navigation: the user can't quickly see what you're doing or how to contact you.
• Hidden or non-existent CTAs: no guidance to action (neither call nor WhatsApp).
• Few signs of trust: Identical/insurers and reviews do not stand out.
• Neglected mobile: uneven experience and unoptimized media.

AFTER (new website by MM DESIGN WEB)

1. Visual impact + branding (black/red/white) and clear message from the first second.
2. Clean and intuitive menu: Home, History, What we do, Services, Insurance companies, IDENTICA Network, News, Make an appointment.
3. Visible CTAs: “Make an appointment,” WhatsApp , and Call always by hand.
4. Architecture by intention: services, Identical and insurance companies linked together.
5. Copy that seduces and builds trust: benefits, processes, and real-world testing.
6. Local SEO Ready:  Titles/Metas, H1–H3, ALT, Visible NAP, and Optimized Mobile Performance.

“Our Story”: Design + Local SEO

What we insert into the client's website (final content)

H2 Visible:  Our History

Sublead (1 line): More than 40 years taking care of the bodywork in Vilassar de Mar (Maresme).

Paragraph (100–120 words):

Rocauto MAC was born as a family workshop in Maresme with a simple idea: to do things right and restore each car to its best. Over time, the team grew, and processes and tools were incorporated that guarantee color matching and factory finishes. Today, we combine craftsmanship and technology in sheet metal, paint, and glass, maintaining the close relationship and transparency that have always defined us. We are members of the  European IDENTICA Network and work with insurance companies  to make repairs easier. If you're looking for a trusted workshop in Vilassar de Mar, this is the place for you.

Highlights (4 bullets):

• Family business from Maresme, friendly service.
• Color and finish control with European standards
• Members of the IDENTICA Network
• Management with insurers and guarantee

Short CTA (button): Get to know us

How we designed it (step by step)

• Block objective: Humanize the brand and build trust before selling services. Key points: 40+ years of experience , family-run workshop, certified quality (IDENTICAL), and comprehensive service.
• UX Architecture:  Quick H2 sequence - sublease - short paragraph -  4 highlights - CTA. The CTA " Get to know us " links to the internal page Our Story.
• Copywriting: We cut through the clutter and repetition; we make clear the benefits  (trade + technology, IDENTICAL, insurance companies, warranty) with local context (Vilassar de Mar, Maresme).
• Visual design: Red card on a photo of Vilassar (black background), white typography, generous spacing. On mobile, the card fills the width and the photo is below.
• Accessibility and performance: WebP  image (≤1600 px), loading="lazy", AA contrast, font ≥16 px, focus visible on the button.
• Support links: From this block we point to Services , IDENTICA Network and Request an Appointment to boost navigation and conversion.

How we position it (Local SEO: Vilassar de Mar · Maresme)

• Intent:  “Who we are” + trust signals (brand, track record, network, insurers).
• Natural keywords: bodywork and paint shop in Vilassar de Mar, body shop in Maresme, Rocauto MAC history.

On-page on the internal page:

H1:  Our History | Rocauto MAC

H2: The beginnings · H2: Growth and IDENTICAL · H2: Today: comprehensive service and guarantee

Suggested slug: /our-story/

Goals (internal page):

• Title (≤58): Our History | Rocauto MAC Vilassar de Mar
• Meta desc (≈155): Discover the origins of Rocauto MAC: a family-run bodywork and paint shop in Vilassar de Mar (Maresme), members of the European IDENTICA Network and guaranteed service.

• Media and ALT: Hero with a photo of Vilassar. ALT: “Rocauto MAC, body shop in Vilassar de Mar - Our story.”
• Internal link: Our Story - Services, IDENTICA Network,  Make an Appointment . Home - Our Story.
• Recommended Schema:  AboutPage + BreadcrumbList (we add it in the site code block).

“What we do”: design + local SEO

What we insert into the client's website (final content)

H2 visible: WHY CHOOSE ROCAUTO MAC?

Subhead: Your reference workshop in Vilassar de Mar!

Intro (2–3 lines):

Rocauto Mac, Bodywork and Paint Shop in Vilassar de Mar. We specialize in the repair and painting of all types of vehicles and offer a comprehensive, top-quality service to meet our customers' needs.

Advantages (bullets, as in the screenshot):

• Team of experts: professionals with extensive experience in vehicle repair and painting.
• Modern facilities: latest technologies. High-quality spare parts from leading brands.
• Perfect finishes: We strive to achieve perfect finishes in all repairs.
• Fast and efficient work: we minimize the time your vehicle is out of service.
• Personalized attention: friendly treatment and tailored solutions.
• Insurance Companies: We work with major insurance companies to make your repair easier.

Short call to action: If you need your vehicle repaired or painted in Vilassar de Mar, contact Rocauto MAC.

How we designed it (brief and true to the screenshot)

• Superior Hero with “Your go-to workshop in Vilassar de Mar!” and introductory text.
• Central block with title in capital letters and list of advantages in bullets (one column).
• Black/red/white colors , legible typography and visible CTAs.

How we position it (local SEO)

• Natural keywords: bodywork and paint shop in Vilassar de Mar, Vilassar reference workshop, Maresme bodywork and paint shop.
• ALT hero: “Your reference workshop in Vilassar de Mar — Rocauto MAC”.

Internal links from this section: to Services, Make an Appointment, and Insurance Companies.

Suggested goals (“What we do” page/anchor):

• Title (≤58): What do we do? | Rocauto MAC Vilassar de Mar
• Meta desc (≈155): Expert team, modern facilities, and perfect finishes. Bodywork and paint shop in Vilassar de Mar (Maresme). We work with insurance companies. Make an appointment.

“Services”: design + local SEO

What we insert into the client's website (final content)

H2 visible: Our services

Intro (summarized, faithful to the text):

Rocauto Mac, a bodywork and paint shop in Vilassar de Mar, Maresme, offers a full range of professional and guaranteed vehicle care . Discover our main services.

Main services (3×2 cards):

• Bodywork repair: Fast and efficient solutions for your bodywork.
• Paint for your vehicle: Factory color and finish matching.
• Courtesy Vehicle: So you can keep your day going while we repair.
• Glass and moon replacement: Removal, installation, and sealing with warranty.
• Classic Car Restoration: Passionate Team and Specialized Techniques.
• Headlight polishing and buffing: restore brightness and safety at night.

Note from the listing above (if you keep it):
We also offer body polishing and buffing .

CTAs:  LEARN MORE on each card · “ Discover all our services ” (link to /services).

How we designed it

• Section hero:  left column with  title + intro, workshop photo on the right.
• Service grid: 3 columns × 2 rows (circle with image, title, 2–3 line microcopy and red LEARN MORE button).
• Mobile:  1 column, large buttons, generous spacing.
• Colors: black background, red for accents and buttons, white typography.

How we position it (local SEO)

• Natural keywords per card:

Sheet metal and paint in Vilassar de Mar · car painting in Vilassar · courtesy vehicle workshop in Vilassar · windshield replacement in Vilassar · classic car restoration in Maresme · headlight polishing in Vilassar.

• On-page: H2 “Our services” + links from each card to its page/anchor.

Goals (page/services):

• Title (≤58): Sheet metal and paint services | Rocauto MAC
• Target desc (≈150–160): Bodywork, paint, glass, classic and courtesy vehicles in Vilassar de Mar (Maresme). Quality, speed, and a guarantee.

• ALT : “Servicio de [name] en Vilassar de Mar — Rocauto MAC”.

Suggested internal links from this section: 
IDENTICA European Network · Insurance Companies · Make an appointment .

“Identical European Network”: design + local SEO

H2 visible: Members of the European IDENTICA
Sulead Network (1 line): European standards in bodywork and painting in Vilassar de Mar (Maresme).

Paragraph (60–80 words):

Rocauto MAC is part of the European IDENTICA Network. What does this mean for the customer? Approved processes, certified color control , top-level materials and tools, and a guarantee on every repair. The network audits and trains workshops to ensure  factory-quality finishes and consistent, reliable service . If you're looking for quality with European backing, you've come to the right place.

Benefits (4 bullets):

• Certified IDENTICA processes and colorimetry
• Factory finishes with warranty
• Team formed and audited by the network
• European support: consistent and reliable service

CTA (buttons): See our standards - | Make an appointment -

Goals and on-page (brief)

• Title (≤58): Red Europea IDENTICA | Rocauto MAC
• Meta desc (≈150): Members of the European IDENTICA Network in Vilassar de Mar (Maresme): approved processes, certified color control and guarantee on bodywork and paint.
• ALT hero: “Member of the European IDENTICA Network - Rocauto MAC”.
• Internal links: IDENTICA - Services · Insurance companies · Make an appointment .

“News”: design + local SEO

What we insert into the client's website (final content)

• H2 Visible: NEWS
• Sublead: Stay up to date with the latest news and discover how they can help you keep your vehicle in perfect condition.
• List (as in the screenshot): for each news item → Image + Date + Title + Short extract + “MORE INFORMATION” button .
• Reason: At Jordi's (owner) request , we created this section to publish news, road safety and useful tips.

How we designed it (very brief)

• Blog layout : 3 recent articles in a column , separated by a thin line.
• MORE INFORMATION button for the full news report.
• On mobile: single column, image at the top, and large button.

Local SEO (very brief)

• Informative headlines; descriptive ALT in images.
• Links from each news item to Services or Request an Appointment where applicable.
• “News” category indexable and updated periodically.

Make an appointment (conversion block)

What we insert into the client's website (final content)

• Visible H2: REQUEST AN APPOINTMENT!
  Subhead: Your reference workshop in Vilassar de Mar “ROCAUTO MAC Ironing and Painting”.
• Quick details (next to the form): 
  Address: Torrent de la Santa, 72 · 08340 Vilassar de Mar (Barcelona)
  Telephone: 93 754 12 23 ·  WhatsApp: 637 791 472
  Email:  info@rocautomac.cat
   Opening hours: M–T 8:30–13:00 / 15:00–18:30 · F 8:30–13:00
• Form (fields): name · email · phone · brand · license plate ·  insurance company (drop-down) · message
  Button: CONTACT
• Relevant messages (below the NAP):
  “ Experts in sheet metal and painting in Vilassar de Mar ”
  “We work with insurance companies · Members of the IDENTICA Network ”

Block objective (microcopy):

Quick appointment by phone/WhatsApp or form , with key information visible (address, schedule, and insurance company) to reduce friction and increase requests.

TESTIMONY

Jordi confirms it: more forms, more clients

“With MM DESIGN WEB, we've gone from a website that didn't represent us to a presence that converts . The team listened to us, arranged the services, made the 'Request an Appointment' process super easy, and thoroughly worked on local SEO . Since we launched the new website, we've been receiving incoming forms , especially from new clients in Maresme requesting appointments. The work is evident: clarity, speed, and a wealth of professionalism. Now they're finally finding us and choosing us . 100% recommended.”

• Jordi , owner of Rocauto MAC

I want my website with MM DESIGN WEB

See success stories

Microtrust: ⭐️⭐️⭐️⭐️⭐️ 5/5 on Google · Published real projects