maconda.de — Relaunch-Review / Komponenten

Komponentenübersicht

Alle Komponenten gehen auf Abschnitte zurück, die auf den gescrappten Seiten vorkommen — keine ist erfunden.

15 Bricks-Komponenten · 22 Varianten insgesamt · am häufigsten: page-banner (76 Seiten) · meiste Varianten: contact-form (3)

page-banner

76 Seiten →

Full-width top section with dark-blue mountain/wave background and H1 page title

Varianten defaultwith-tagline

default — H1 only (all pages except homepage). with-tagline — H1 + a short italic tagline line beneath (homepage only, e.g. "Fast so gut wie unseres.").

content-section

75 Seiten →

Reusable page section — H2 heading, optional H3 subheading, body text, optional illustration image, optional CTA button. The most-used component; appears multiple times per page. Heading is typically styled in brand orange/gold.

Varianten text-onlywith-image
Optionen has_subheadinghas_ctahas_bullet_listbackground_light

text-only — single full-width text column, no image. with-image — text column + image column (image side alternates left/right per instance; treated as a layout option set at the instance level in Bricks, not a separate variant). background_light — some sections use a light-grey background for visual rhythm.

breadcrumb

24 Seiten →

Single "← back to parent" navigation link shown directly below the page banner

Varianten single

Appears on all Branchen-Expertise detail pages — "Zurück zu den maconda-Branchen".

two-col-bullet-list

24 Seiten →

Two-column bullet list under a section heading — used for project example lists on Branchen-Expertise detail pages

Varianten default
Optionen has_cta

Heading is "Ein paar Beispiele aus unserer Projekterfahrung:" on all 12 pages. Each page ends with a "Kontakt aufnehmen" CTA button (has_cta).

cta-contact

22 Seiten →

Enquiry invitation section — contact illustration, heading, brief body text and CTA button linking to /kontakt/

Varianten full

Consistently appears as the last content section on service/deep-service pages. Illustration is undraw_contact_us_15o2.png. Heading is "Anfragen" (DE) / "Contact" (EN).

accordion

15 Seiten →

Collapsible content sections — a list of items each with a title that expands to reveal body content

Varianten default
Optionen iconnumbered

Used for two distinct content types that share the same visual pattern: (a) Case studies / Fallbeispiele — Ausgangssituation / Aufgabe / maconda-Beitrag structure (CDD, exit-readiness, buy-build, restrukturierung, performance-improvement, go-to-market-begleitung, marktanalysen). (b) FAQ — question / answer pairs (karriere-faq). Both are the same component; content structure varies but layout is identical.

logo-grid

6 Seiten →

Grid of client/partner logos, optionally grouped under category headings with introductory text

Varianten client-logosassociation-cards
Optionen section_headingsection_intro

client-logos — logo images only (or logos with minimal alt text). Used in three grouped sections on Referenzen (PE investors / banks / corporates) and as a compact strip on the homepage Referenzen teaser. association-cards — logo + organisation name + short description; used for the three membership associations on Über Uns (BDU, Arbeitskreis für Insolvenzwesen, Wirtschaftsrat).

testimonial

6 Seiten →

Pull-quote block — italic quote text, author photo, name and title

Varianten ceo-quote

Always the CEO (Dr. Rainer Mayer); appears at or near the end of certain service pages.

team-grid

5 Seiten →

Grid of person cards — photo, name and optional role/title

Varianten headshotsmini-cards
Optionen rolelink

headshots — full-size portrait grid (team page; ~15 people). mini-cards — compact colleague preview (career pages, "Einige deiner neuen Kollegen").

contact-form

5 Seiten →

Embedded form for visitor submissions

Varianten enquirynewsletterapply

enquiry — general contact form (/kontakt/, /en/kontakt/). newsletter — newsletter subscription form (/newsletter-abonnieren/, /en/subscribe-to-newsletter/). apply — job application form (/karriere/jetzt-bewerben/); pre-fills role from query param. Form body is stripped in the scraped markdown (STRIP_SELECTORS); the component type is recorded here for rebuild planning only.

news-card-grid

4 Seiten →

Grid of news/blog post cards — date, title, excerpt and "Mehr erfahren" link per card

Varianten 3col
Optionen paginationfilter_tabs

Homepage uses a static 3-card subset (no pagination). aktuelles-maconda-news uses the full index with pagination.

service-tile-grid

3 Seiten →

Grid of linked tiles — each tile has an illustration, linked heading, optional tagline, body text and CTA button

Varianten 3col2col
Optionen subtitle

3col — homepage services overview (3 top-level service areas, each linking to its service page). 2col — karriere job listings (2 open roles side by side).

process-steps

3 Seiten →

Numbered sequential steps explaining a process — each step has a number, heading and body text

Varianten numbered

Used for the application process section ("So läuft der Bewerbungsprozess ab") on career detail pages.

stats-strip

2 Seiten →

Horizontal display of key numeric metrics (project count, mandates, etc.)

Varianten image-graphic

Currently implemented as two responsive images (desktop + mobile) rather than individual stat elements — rebuild as data-driven repeater for maintainability. Desktop image: maconda-Orbit-quer-DE.jpg / EN equivalent. Mobile image: maconda-Orbit-mobil-DE.jpg / EN equivalent.

industry-card-grid

2 Seiten →

Grid of industry/sector cards — illustration + label, each linking to its Branchen-Expertise detail page

Varianten 4col

12 industry cards in a 4-column grid (3 rows × 4 cols).

Siehe auch

Anleitung → Wie die Komponenten im Bricks-Aufbau eingesetzt werden.
Seiten → Alle 76 Seiten mit Komponentenaufschlüsselung im Frontmatter.