# Company Pages Documentation **Last Updated:** 2026-04-08 Complete documentation for company/about pages on the Ordio website. ## Overview The company pages section includes three pages that showcase Ordio's brand, customers, and partnerships: - **Über Ordio** (About Us) - **Kunden** (Customers) - **Partner** (Partners) --- ## 1. Über Ordio (About Us) ### Basic Information - **Page Name:** Über Ordio – Unser Team, unsere Mission und Geschichte - **Slug:** ueber-uns - **PHP File:** `v2/pages/static_about.php` - **URL:** `https://www.ordio.com/ueber-uns` - **Status:** Published ### Page Structure #### Hero Section - **Badge:** "Unsere Mission" - **Headline:** "the first complete **deskless people platform**" - **Description:** Mission story explaining Ordio's origin (15 years ago with Sushi Ninja) and vision (deskless super app for 2.7 billion people) #### Customer Logos Section - **Marquee Animation:** Scrolling carousel of customer logos - **Logos Included:** - Lanxess Arena - Zappes Broi - Café de Paris - Sushi Ninja - Heilandt - Ernst Kaffeeröster - Die Fette Kuh - **Styling:** Grayscale logos (`saturate-0`) that become colored on hover (`hover:saturate-100`) - **Animation:** Infinite scroll (`animate-marquee`) - **Gradient Overlays:** Left and right fade effects #### Team Section - **Badge:** "Unser Team" - **Headline:** "Employee-First Technology" - **Description:** "Für uns steht der Mitarbeitende an erster Stelle. Nicht nur im eigenen Team, sondern auch bei unseren Kunden." - **Team Photo:** Large image (`ordio-team-new.webp`) #### Careers CTA Section - **Headline:** "Werde Teil von unserem Team." - **CTA Button:** "Entdecke unsere offenen Stellen" - **Link:** `https://jobs.ashbyhq.com/ordio` ### Content Strategy **Purpose:** Brand storytelling and company culture **Key Messages:** - Origin story (Sushi Ninja → Ordio) - Mission: First complete deskless people platform - Target: 2.7 billion deskless workers worldwide - Employee-first philosophy - Team culture and values ### Technical Implementation - **PHP Includes:** - `../base/head.php` (with `$aosScript = "true"`) - `../base/header.php` - `../components/render-faq-json.php` (before footer; `$ordio_faq_json_relpath = 'misc-faqs/static_ueber_uns.json'`) - `../base/footer.php` - `../components/include-marketing-faq-jsonld.php` (immediately after footer — post-footer `FAQPage` JSON-LD only; do not add `FAQPage` to `` `@graph`) - **FAQ data (SSOT):** `v2/data/misc-faqs/static_ueber_uns.json` — visible accordion + structured data via shared marketing FAQ pipeline ([`FAQ_WEBSITE_STANDARD.md`](../../FAQ_WEBSITE_STANDARD.md)). - **Validators (after FAQ edits):** `php v2/scripts/dev-helpers/verify-faq-jsonld-parity.php --file=misc-faqs/static_ueber_uns.json` `php v2/scripts/dev-helpers/audit-faq-json-internal-links.php '--glob=v2/data/misc-faqs/static_ueber_uns.json'` `php v2/scripts/dev-helpers/audit-marketing-faq-ssot.php` - **Schema Markup:** - `AboutPage` schema - `WebPage` schema - `BreadcrumbList` schema - **CSS/Styling:** - Custom marquee animation - Gradient overlays for logo carousel - Responsive typography - Badge styling with hover effects - **JavaScript:** AOS (Animate On Scroll) enabled ### SEO Focus - **Primary Keywords:** über ordio, team ordio, mission ordio, unternehmen ordio - **Meta Description:** "Lerne die Vision, Werte und das Team hinter Ordio kennen. Wir entwickeln digitale Lösungen für moderne Schichtarbeit in über 72 Branchen weltweit." - **Schema:** AboutPage, WebPage, BreadcrumbList --- ## 2. Kunden (Customers) **Full technical spec:** [kunden-documentation.md](kunden-documentation.md) (canonical `/kunden` → `static_customers_new.php`, section order, schema, FAQ path, assets). ### Basic Information - **Slug:** kunden - **PHP (live):** `v2/pages/static_customers_new.php` - **URL:** `https://www.ordio.com/kunden` - **Legacy (not routed):** `v2/pages/static_customers.php` ### Summary - Social proof: OMR rating badge, video Customer Spotlight carousel, filterable OMR reviews, industry tags, logo marquee, Mit/Ohne Ordio block, FAQ. - **Schema:** `CollectionPage`, `WebPage` (+ `video` references), `VideoObject` per spotlight, `BreadcrumbList`; FAQ via `misc-faqs/static_customers_new.json`. - **CSS/JS:** `testimonials-page.min.css` / `testimonials-page.min.js`, AOS, lead capture triggers. ### SEO Focus - **Primary Keywords:** ordio kunden, kundenerfahrungen, bewertungen, referenzen (verify with [kunden/data/](kunden/data/) research). - **Meta (live):** See `static_customers_new.php` `` / `meta description` — keep [kunden-documentation.md](kunden-documentation.md) snapshot in sync when they change. --- ## 3. Partner (Partners) ### Basic Information - **Page Name:** Ordio Partnerprogramm – Gemeinsam erfolgreich wachsen - **Slug:** partner - **PHP File:** `v2/pages/static_partner.php` - **URL:** `https://www.ordio.com/partner` - **Status:** Published ### Page Structure #### Hero Section - **Headline:** Partner program introduction - **Description:** Information about partnership opportunities #### Partnership Form Section **Form Fields:** - Vorname (First Name) - Name (Last Name) - Unternehmen (Company) - Telefonnummer (Phone Number) - E-Mail Adresse (Email Address) - Art der Partnerschaft (Type of Partnership) **Form Processing:** - PHP backend processing - Email validation and spam blocking - Blocked email/domain lists - PHPMailer integration - Email recipients: - david@ordio.com - constantin@ordio.com - felix@ordio.com - frederik@ordio.com - benedict@ordio.com **Security Features:** - Blocked email addresses list - Blocked domains list - Input validation - SMTP email sending #### Partnership Types **Partnership Categories:** - Integration partnerships - Sales partnerships - Co-marketing partnerships - Technology partnerships ### Content Strategy **Purpose:** Partner acquisition and partnership program **Key Messages:** - Partnership opportunities - Mutual growth benefits - Integration possibilities - Co-marketing opportunities ### Technical Implementation - **PHP Includes:** - `../base/head.php` (with `$aosScript = "true"`) - `../base/header.php` - `../base/footer.php` - PHPMailer library - **Backend Processing:** - Form validation - Spam filtering - Email sending via SMTP - **Schema Markup:** - `CollectionPage` schema - `WebPage` schema - `BreadcrumbList` schema - **CSS/Styling:** - Form styling - Responsive layout - **JavaScript:** AOS enabled ### SEO Focus - **Primary Keywords:** ordio partner, partnerprogramm, integration partner, vertriebspartner - **Meta Description:** "Werde Ordio Partner und wachse mit uns digital. Ob durch Integration, Vertrieb oder Co-Marketing - unser Partnerprogramm bringt Mehrwert für beide Seiten." - **Schema:** CollectionPage, WebPage, BreadcrumbList --- ## Common Patterns Across Company Pages ### Visual Elements - **Customer Logos:** Marquee animations, grayscale-to-color hover effects - **Team Photos:** Large hero images - **Badges:** Rounded badges with hover effects - **CTAs:** Prominent call-to-action buttons ### Content Themes - **Brand Storytelling:** Origin story and mission - **Social Proof:** Customer testimonials and logos - **Team Culture:** Employee-first philosophy - **Partnerships:** Growth opportunities ### Maintenance Requirements - **Update Frequency:** Quarterly (team photos, customer logos, testimonials) - **Dependencies:** Image assets, customer testimonials database - **Validation Checklist:** - [ ] Verify all customer logos are current - [ ] Check team photo is up-to-date - [ ] Verify partner form email recipients - [ ] Test partner form submission - [ ] Validate schema markup - [ ] Check all external links (careers page, etc.) - [ ] Verify mobile responsiveness --- ## Related Documentation - **[Static Pages Inventory](STATIC_PAGES_INVENTORY.md)** - Complete list of all static pages - **[Legal Pages Documentation](legal-pages-documentation.md)** - Legal pages documentation - **[Cursor Rules](../../../../.cursor/rules/static-pages.mdc)** - Cursor AI rules for static pages