Files
boc/quixzoom-audit-report.md
T
Bernt 1a12fb870b dev-api: add developer portal, OpenAPI spec, and Flatenbadet case study
- New /developers/ page with API docs, SDKs, pricing, use cases
- OpenAPI 3.0 spec for Orders, Missions, Photos, Analytics
- Case study: Glasskiosken i Flatenbadet — complete ROI analysis
- Updated /order/ with recurring missions and frequency dropdown
2026-07-14 15:27:33 +00:00

6.8 KiB

quiXzoom Audit Report — Symmetri & Tighthet

Sammanfattning

  • Totalt antal filer granskade: 402
  • quixzoom-landing-fixed: 61 filer
  • quixzoom-asia-pages: 13 filer
  • quixzoom-market-pages: 328 filer

Problem Identifierade

1. DUBBLA BUDSKAP (Duplicate Messages)

a) Dubbla meta-beskrivningar

Följande beskrivningar förekommer i flera filer:

  • "Join the quiXzoom team..." → careers.html + careers/index.html
  • "quiXzoom आपको इंफ्रास्ट्रक्चर..." → hi/index.html (landing + asia)
  • "quiXzoom membayar Anda..." → id/index.html (landing + asia)
  • "quiXzoom 2026820..." → ja, zh-cn, zh-tw (landing + asia)
  • "quiXzoom membayar anda..." → ms/index.html (landing + asia)
  • "quiXzoom จ่ายเงินให้คุณ..." → th/index.html (landing + asia)
  • "quiXzoom trả tiền cho bạn..." → vi/index.html (landing + asia)
  • "quiXzoom , , . . 2026 8 . 20 ..." → ko/index.html (landing + asia)
  • "Vuokraustarkastus med quiXzoom..." → fi/rental-inspection + fi/lease-audit

b) Dubbla nav-strukturer inom samma fil

  • for-organisations/index.html har dubbla länkar: "About", "For Organisations", "For Zoomers", "Pricing", "Support" (varje länk förekommer TVÅ gånger)
  • se/index.html har dubbla länkar: "Bli Zoomer", "Hur det funkar", "Tjäna pengar", "Uppdrag", "Uppdragsgivare", "FAQ", "Logga in"

2. ASYMMETRI (Inkonsekvens mellan sidor)

a) Navigationsstruktur — 8 olika mönster!

Mönster Filer
Full nav (Order, Pricing, Earn, For Orgs, About) index.html, pricing.html, order/index.html
Minimal nav (Home, About, Pricing, Features) about.html, features.html
Ingen nav alls privacy.html, terms.html, admin.html, analytics.html, 3d-atlas.html, api-status.html, m.fl.
Språkväljare + minimal asia-sidor
Zoomer-fokuserad (Bli Zoomer, Förtjänst, etc) sweden-launch.html
App-intern (Earnings, Missions, Profile) zoomer-earnings.html, zoomer-profile.html
Glossary (A-Z) glossary.html
Admin (← quiXzoom Admin) analytics.html
  • Mönster A (landing-fixed): "© 2026 quiXzoom · Operated by Landvex AB" + länkar (Privacy, Terms, Support)
  • Mönster B (asia): "quiXzoom Asia | asia@quixzoom.com" + "Part of the quiXzoom Global Network"
  • Mönster C (market-pages): "© 2026 quiXzoom AB — En del av AAMOS" + "quixzoom.se"

c) CSS-variabler — 5 olika namnkonventioner!

Fil(er) Variabel-prefix
index.html (landing-fixed) --bg-dark, --blue, --text-dark
about.html, features.html --bg-dark, --blue, --text-dark (men andra värden!)
pricing.html --bg-dark, --blue, --text-dark (samma som index)
privacy.html, terms.html --bg, --surface, --label, --accent
asia-pages Ingen :root, hårdkodade färger
market-pages/se/ --qx-black, --qx-blue, --qx-gray
market-pages/övriga --qx-black, --qx-blue, --qx-gray (men ofta inkonsekventa)

d) Färgschema — mörkt vs ljust

  • index.html: Ljust tema (vit bakgrund, mörk text)
  • about.html: Ljust tema men med bg-dark: #f5f5f7 (mörkare off-white)
  • privacy.html: Mörkt/ljust beroende på prefers-color-scheme!
  • terms.html: Samma som privacy
  • asia/index.html: Mörkt tema (#0a0a0a bakgrund)
  • market-pages/se/index.html: Mörk hero + ljus body
  • market-pages/övriga: Varierar

e) CTA-knappar — 6 olika stilar!

Stil Exempel
Blå pill (border-radius: 100px) index.html
Blå rounded (border-radius: 24px) pricing.html
Blå rounded-md (border-radius: 14px) about.html
Blå 8px market-pages (äldre)
Ghost/transparent pricing.html (btn-ghost)
Vit på mörk bakgrund asia-pages

f) Typografi — inkonsekventa storlekar

  • H1: clamp(2.75rem,6vw,5rem) i index.html → clamp(2rem,5vw,3.5rem) i about.html → 2.5rem i market-pages
  • Body: 1rem (16px) i index.html → 16px i market-pages → 15px i privacy/terms
  • Line-height: 1.65 i index.html → 1.6 i about.html → 1.5 i market-pages

3. LOOSENESS (Lösa detaljer)

a) Saknade element

  • about.html: Saknar favicon, OG-tags, Twitter cards, schema.org
  • features.html: Saknar favicon, OG-tags, Twitter cards, schema.org
  • privacy.html: Saknar nav, favicon
  • terms.html: Saknar nav, favicon
  • asia/index.html: Saknar nav, OG-tags, Twitter cards, schema.org
  • Många market-pages: Saknar nav, footer, OG-tags

b) Inkonsekvent stavning

  • quiXzoom (korrekt) vs quixzoom (fel) — förekommer i både text och URLs
  • Landvex AB vs AAMOS — olika moderbolag nämns
  • Zoomer vs zoomer — inkonsekvent versalisering

c) WCAG-contrast style duplicerad

  • Finns i terms.html men INTE i andra filer
  • Ska vara global

d) Auth script inkonsekvent

  • De flesta har <script type="module" src="https://auth.quixzoom.com/site-auth-snippet.js">
  • Men vissa saknar det helt

e) Tomma element

  • asia/index.html har tomma <h3></h3> och tomma flagg-divar för flera språk
  • asia-sidor har tomma {{META_DESC}} platshållare

f) Dubbla CSS-media-queries

  • @media (max-width: 640px) block duplicerade i flera filer (privacy, terms, about, features)
  • Samma block, olika placeringar

Rekommenderad Standard

A) Navigationsstandard (för alla publika sidor)

<nav>
  <div class="container">
    <div class="nav-inner">
      <a href="/" class="nav-logo">qui<span class="x">X</span>zoom</a>
      <div class="nav-links">
        <a href="/order/">Order</a>
        <a href="/pricing/">Pricing</a>
        <a href="/earn/">Earn as Zoomer</a>
        <a href="/for-organisations/">For Organisations</a>
        <a href="/about">About</a>
      </div>
      <a href="/order/" class="btn-nav">Start Order →</a>
      <!-- hamburger + mobile-menu -->
    </div>
  </div>
</nav>
<footer>
  <div class="container">
    <div class="footer-inner">
      <div class="footer-copy">© 2026 quiXzoom · Operated by Landvex AB</div>
      <div class="footer-links">
        <a href="/privacy">Privacy</a>
        <a href="/terms">Terms</a>
        <a href="/support">Support</a>
      </div>
    </div>
  </div>
</footer>

C) CSS-variabelstandard

:root {
  --bg-dark: #1a1a1a;
  --bg-white: #FFFFFF;
  --bg-off: #F7F7F5;
  --blue: #0066FF;
  --blue-dark: #0052CC;
  --blue-pale: rgba(0,102,255,.07);
  --green: #00C853;
  --text-dark: #1a1a1a;
  --text-body: #3a3a3a;
  --text-muted: #6B6B6B;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 100px;
}

D) Meta-standard (alla sidor ska ha)

  • DOCTYPE html
  • lang attribut
  • charset UTF-8
  • viewport
  • canonical
  • favicon
  • OG-tags (title, description, url, image)
  • Twitter cards
  • schema.org JSON-LD (där relevant)
  • auth script