Bernt
6989a98d75
- 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
123 lines
3.0 KiB
Markdown
123 lines
3.0 KiB
Markdown
# 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)
|
|
5. Standardisera border-radius
|
|
6. Skapa CSS-variabler för färger
|
|
7. Uppdatera hreflang för asiatiska språk
|
|
|
|
### Medellång sikt (nästa månad)
|
|
8. Eliminerera inline styles
|
|
9. Eliminerade !important
|
|
10. 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*
|