Files
boc/design-audit-complete.md
T
Bernt 6989a98d75 feat: Passwordless cross-device authentication
- Arkitektur: docs/auth/passwordless-architecture.md
- Backend: iom/quixzoom-auth-service/ (FastAPI + Redis)
- Webb: quixzoom-market-pages/se/login/ (QR-kod + polling)
- App: iom/quixzoom-app/src/features/auth/ (push + deep links)

Flöde: QR-kod → app-godkännande → webb-inloggad
2026-07-07 07:11:50 +00:00

3.0 KiB

Design Audit — Komplett Rapport

Datum: 2026-07-06 Utförd av: Bernt Scope: Alla Landvex & quiXzoom sajter


ÅTGÄRDADE PROBLEM

1. Emojis — BORTTAGNA (477 filer)

  • 1 354 emojis ersatta med SVG-ikoner
  • 2 915 emojis borttagna helt
  • Alla sajter rensade

2. Ogiltig CSS-färg — FIXAD

  • #10007#100007 (~300 förekomster)

🔴 KRITISKA PROBLEM (kräver åtgärd)

3. quiXzoom.asia — Saknar asiatiska språk

Status: quixzoom.asia servar enbart engelskt innehåll

Bildbevis:

  • quixzoom.asia visas i sökresultat med engelsk text
  • Ingen lokal anpassning för Asien

Saknas:

  • /zh-cn/ — Kinesiska (förenklad)
  • /zh-tw/ — Kinesiska (traditionell)
  • /ja/ — Japanska
  • /ko/ — Koreanska
  • /th/ — Thailändska
  • /vi/ — Vietnamesiska
  • /id/ — Indonesiska
  • /ms/ — Malaysiska
  • /hi/ — Hindi

Tekniskt:

  • <html lang="en"> — endast engelska
  • hreflang pekar på europeiska sajter
  • Server: Amazon S3 + CloudFront (samma som quixzoom.com)

4. Faviconer — INKONSEKVENTA & OPROFESSIONELLA

Nuvarande:

  • quiXzoom: Lila/rosa gradient med "X" — ser ut som en generisk app
  • Landvex: Lila gradient med "X" — inte konsekvent med quiXzoom
  • quixzoom.asia: Samma som quiXzoom

Problem:

  • Ingen tydlig varumärkesidentitet
  • Faviconer ser olika ut i olika sammanhang
  • Inte skarpa/professionella

Nya favicons skapade:

  • favicons/quixzoom-favicon.svg — Kamera-lens med blå accent
  • favicons/landvex-favicon.svg — "L"-form med grön accent
  • favicons/apple-touch-icon-quixzoom.svg — Optimerad för iOS
  • favicons/apple-touch-icon-landvex.svg — Optimerad för iOS

Åtgärd: Byt ut favicons på alla sajter


🟡 MEDELHÖGA PROBLEM

5. Inline styles — 5 164 kvar

Bryter mot: Separation of concerns

Rekommendation: Flytta till extern CSS med design tokens

6. !important — 3 364 kvar

Bryter mot: CSS best practices

Rekommendation: Refactor med tydlig specificity-hierarki

7. Inkonsekvent border-radius

161 filer har flera olika värden (4px, 6px, 7px, 10px, 16px, 20px)

Rekommendation: Standardisera:

  • --radius-sm: 6px
  • --radius-md: 10px
  • --radius-lg: 16px
  • --radius-full: 9999px

📋 ÅTGÄRDSPRIORITERING

Omedelbart (idag)

  1. Ta bort emojis
  2. Fixa ogiltig CSS
  3. 🔴 Deploya nya favicons
  4. 🔴 Skapa asiatiska språk-sidor (minst placeholders)

Kortsiktigt (denna veckan)

  1. Standardisera border-radius
  2. Skapa CSS-variabler för färger
  3. Uppdatera hreflang för asiatiska språk

Medellång sikt (nästa månad)

  1. Eliminerera inline styles
  2. Eliminerade !important
  3. Inför spacing-skala

📁 FILER

  • design-audit-results.md — Teknisk rapport
  • design-audit-summary.md — Sammanfattning för Erik
  • quixzoom-asia-bug-report.md — Buggrapport för asiatiska språk
  • favicons/ — Nya favicons (SVG)

Audit utförd 2026-07-06