Files
boc/design-audit-2026-06-25.md
T
Bernt bae705aa97 ARCHITECTURE: NFC roadmap, edge AI, audit logging
- Add NFC ePassport roadmap (ICAO 9303, eIDAS)
- Add TensorFlow.js edge face detection (BlazeFace)
- Add structured audit logger (GDPR-compliant)
- Risk scoring support

Part of KYC Apple Native UX v1.1.0
2026-06-29 16:24:48 +00:00

335 lines
11 KiB
Markdown

# Design Audit — Landvex & quiXzoom
**Datum:** 2026-06-25
**Auditor:** Bernt
**Metod:** Webbanalys (screenshots + DOM-inspektion + innehållsanalys)
---
## Sammanfattning
| | Landvex | quiXzoom |
|---|---|---|
| **Tema** | Ljust (start) / Mörkt (subsidor) | Mörkt (konsekvent) |
| **Primärfärg** | Blå (#0066FF-ish) | Blå (#0066FF-ish) |
| **Målgrupp** | Enterprise, beslutsfattare | Zoomers (gig-workers), organisationer |
| **Ton** | Seriös, akademisk, B2B | Energisk, app-lik, B2C/B2B |
| **Språk** | Engelska | Engelska + svenska inslag |
| **Status** | Pre-launch (aug 2026) | Pre-launch (aug 2026) |
**Kärnproblem:** Två sajter under samma varumärke (Landvex AB) med radikalt olika designfilosofier. Landvex har ingen konsekvent visuell identitet — startsidan är ljus, subsidor är mörka. quiXzoom är konsekvent mörk men bryter mot MOBILE-FIRST STANDARD (ljust tema default).
---
## 1. LANDVEX (landvex.com)
### Sidor granskade
- `/` — Startsida
- `/methodology/` — Metodologi
- `/careers/` — Karriär
- `/enterprise/` — Enterprise
- `/insights/` — Insights (nästan tom)
- `/terms/` — Terms of Service
### 1.1 Visuell identitet
**Färgschema (inkonsekvent):**
- Startsida: Vitt bakgrund, svart text, blå knappar
- Subsidor: Mörk bakgrund (nästan svart), vit text, blå knappar
- **Problem:** Samma domän växlar mellan ljust och mörkt tema utan varning. Användaren får ingen visuell kontinuitet.
**Typografi:**
- Sans-serif, modern (troligen Inter eller liknande)
- Stora rubriker (H1: ~48-64px)
- Bra hierarki med tydliga storleksskillnader
- Brödtext: ~16-18px, bra läsbarhet
**Knappar:**
- Primär: Blå fylld, rundade hörn (~8px radius)
- Sekundär: Vit/transparent med border
- Konsekventa inom varje sida, men olika stilar mellan ljusa/mörka sidor
### 1.2 Layout & struktur
**Positivt:**
- Generös whitespace
- Tydlig sektionsindelning
- Bra användning av grid för vertikaler
- Sticky header fungerar
**Negativt:**
- Startsidan har för mycket text ovanför fold
- "Intelligence Map — 100+ Cities" sektion verkar vara placeholder (ingen faktisk karta)
- `/insights/` är i princip tom — bara en newsletter signup
- `/careers/` har annan navigation än startsidan (!)
### 1.3 Navigation (Kritisk bug)
**Inkonsistent nav mellan sidor:**
Startsida nav:
```
LandveX | How it works | Verticals | Intelligence | Cities | Insights | Enterprise | Contact
```
Careers nav:
```
Landvex | Platform | Methodology | For organisations | Careers
```
**Problem:**
- Olika nav-struktur på olika sidor — användaren tappar orientering
- "LandveX" vs "Landvex" — inkonsekvent stavning (X vs x)
- Vissa länkar är ankare (`#how-it-works`), andra är sidor (`/methodology/`)
- Ingen aktiv state-indikation i nav
### 1.4 Innehåll & copy
**Styrkor:**
- Tydlig value proposition: "What official data says. What reality looks like."
- Bra struktur på metodologi-sidan (5 lager)
- Enterprise-sidan är välstrukturerad med tydliga paket
**Svagheter:**
- "Pre-launch" varning på methodology — skapar osäkerhet
- För mycket fluff-text på startsidan
- "100+ Cities" påstående utan bevis/verifierbar data
- Careers-sidan listar roller men det finns ingen "Apply"-form — bara mailto-länkar
### 1.5 Tekniska problem
- `landvex.com/en/` → 404 (utan www)
- `/insights/` — nästan tom sida, ser ofärdig ut
- Terms-sidan: "Version 0.1 (draft — pending legal review)" — inte professionellt för enterprise-kunder
### 1.6 Trust & credibility
- GDPR/EU residency nämns på enterprise-sidan ✅
- Ingen SSL-cert-info synlig (men HTTPS fungerar)
- Ingen fysisk adress i footer på alla sidor
- "20+ countries" påstående utan verifierbar data
---
## 2. QUIXZOOM (quixzoom.com)
### Sidor granskade
- `/` — Startsida (endast fungerande sida med unikt innehåll)
- `/how-it-works/` — Redirectar till `/`
- `/earn/` — Redirectar till `/#earnings`
- `/for-organisations/` — Samma innehåll som `/`
- `/pricing` — Samma innehåll som `/`
- `/features/` — Samma innehåll som `/`
- `/about` — Samma innehåll som `/`
- `/developer/` — Samma innehåll som `/`
- `/resources/` — Fungerar, men minimalt innehåll
- `/academy/` — Fungerar, men minimalt innehåll
### 2.1 Visuell identitet
**Tema:** Mörkt (nästan svart bakgrund, #0a0a0a-ish)
**Primärfärg:** Blå (#0066FF)
**Sekundärfärger:** Grön (success), gul/orange (varning)
**Problem — Bryter mot MOBILE-FIRST STANDARD:**
> "Ljust tema default. Inga mörka cyberpunk-teman."
quiXzoom är konsekvent mörk. Detta är en direkt konflikt med den låsta standarden.
**Typografi:**
- Sans-serif, modern
- H1: "Capture the world. Earn per mission." — stor, fet
- Bra kontrast vit text på mörk bakgrund
- Emoji-användning i trust-badges (🔒 💳 🆔 📋) — känns lite för "startup"
### 2.2 Layout & struktur
**Positivt:**
- Mobil-mockup i hero-sektionen — tydligt app-fokus
- Tydlig 3-stegs-process (Register → Select → Receive payment)
- Zoomer-profiler ger social proof
- Earnings-kalkylator är interaktiv och engagerande
- Bra footer med tydlig struktur
**Negativt:**
- Hero-sektionen är för hög — mycket scroll innan man ser innehåll
- "What Zoomers say" — bara 3 testimonials, alla från beta-testare
- "The World's Observation Network" sektion — "Opening 2026" men lansering är aug 2026. Förvirrande.
- FAQ-sektionen är kollapsad — ingen synlig information utan klick
### 2.3 Navigation
**Struktur:**
```
quiXzoom | Platform (dropdown) | Solutions (dropdown) | Developers | Pricing | About
[Support] [Register as a Zoomer →]
```
**Problem:**
- De flesta nav-länkar leder till sidor som redirectar tillbaka till startsidan
- `/pricing`, `/features/`, `/about`, `/developer/` — alla samma innehåll
- Detta är en **kritisk UX-bug** — användaren klickar på länkar men hamnar på samma sida
### 2.4 Innehåll & copy
**Styrkor:**
- Tydlig value prop för Zoomers
- Bra förklaring av earning tiers (Supplementary/Active/Professional)
- Tydligt med "No platform fee" — bra differentiering
- Språkväljare (SE/NL/TH/NG/KE) — internationellt fokus
**Svagheter:**
- "2,400+ Zoomers pre-registered" — kan inte verifieras
- "Launching August 1, 2026" — skapar urgency men är fortfarande framtida
- Blandning av EUR (Credits) och SEK (285 kr) i samma UI — förvirrande
- "1 Credit = €1" men sedan "285 kr" — inkonsekvent valuta
### 2.5 Trust & compliance
- GDPR Compliant badge ✅
- Stripe Connect Verified ✅
- Identity Verified ✅
- DAC7 Reporting ✅
- EU data residency ✅
- Footer: "© 2026 quiXzoom · Operated by Landvex AB" — tydligt
### 2.6 Tekniska problem
- **Kritisk:** ~10 URL:er visar identiskt innehåll (startsida)
- Detta är dåligt för SEO (duplicate content)
- `/how-it-works/`, `/earn/`, `/for-organisations/`, `/pricing`, `/features/`, `/about`, `/developer/` — alla samma sida
- Endast `/resources/` och `/academy/` har unikt (men minimalt) innehåll
---
## 3. VARUMÄRKESKONFLIKT LANDVEX ↔ QUIXZOOM
### 3.1 Visuell diskonnect
| Aspekt | Landvex | quiXzoom |
|---|---|---|
| Bakgrund | Vit / Mörk (inkonsekvent) | Mörk (konsekvent) |
| Textfärg | Svart / Vit (inkonsekvent) | Vit |
| Knappar | Blå/Vit | Blå |
| Stil | Enterprise, akademisk | App, gig-economy |
| Logo | "LandveX" / "Landvex" | "quiXzoom" |
**Problem:** Två sajter under samma bolag ser ut som helt olika företag. Det finns ingen visuell "familjelikhet".
### 3.2 Navigationskonflikt
- Landvex nav har "Get in touch →"
- quiXzoom nav har "Register as a Zoomer →"
- Olika struktur, olika terminologi
- Ingen tydlig "cross-linking" mellan sajterna (förutom i footer)
### 3.3 Terminologi
- Landvex säger "contributors", "field agents"
- quiXzoom säger "Zoomers"
- Landvex säger "intelligence", "decision support"
- quiXzoom säger "missions", "Credits"
Detta är förståeligt (olika målgrupper) men det behöver finnas en tydligare koppling.
---
## 4. MOBILE-FIRST STANDARD — AVVIKELSER
Från MEMORY.md (LÅST 2026-06-21):
> "iPhone-first. Alltid. Konflikt mobil/desktop: mobil vinner."
> "Ljust tema default. Inga mörka cyberpunk-teman."
### quiXzoom-brister:
- ❌ Mörkt tema (direkt konflikt)
- ❌ Desktop-first layout (stor hero, mycket scroll)
- ❌ Mockup visar iPhone men sajten är inte optimerad för mobil-upplevelse
### Landvex-brister:
- ❌ Ljus startsida men mörka subsidor — ingen konsekvens
- ❌ För mycket text ovanför fold på desktop, ännu värre på mobil
---
## 5. SEO & TILLGÄNGLIGHET
### Landvex
- ✅ Bra semantisk HTML (rubriknivåer)
- ✅ Tydliga meta-titlar
-`/insights/` — nästan tom, slösar med crawl-budget
- ❌ Inkonsistent nav skapar förvirring för crawlers
### quiXzoom
-**Kritisk:** Massiv duplicate content (10+ URL:er, samma innehåll)
- ❌ Kanonical tags saknas troligen
- ✅ Bra footer-struktur med länkar
- ✅ Tydliga rubriknivåer i DOM
---
## 6. REKOMMENDATIONER
### Kritiska (fixa omedelbart)
1. **quiXzoom: Sluta redirecta alla sidor till startsidan**
- `/pricing`, `/features/`, `/about`, `/developer/` behöver unikt innehåll
- Om innehåll saknas, visa en "Coming soon"-sida eller 404
2. **Landvex: Konsekvent navigation**
- Samma nav på alla sidor
- Bestäm: "LandveX" eller "Landvex" — använd konsekvent
3. **quiXzoom: Ljust tema (MOBILE-FIRST STANDARD)**
- Byt från mörkt till ljust tema
- Detta är en låst regel från Erik
### Hög prioritet
4. **Landvex: Bestäm tema-strategi**
- Antingen: Alla sidor ljusa
- Eller: Alla sidor mörka
- Eller: Tydlig tema-växlare med default ljus
- Nuvarande mix är förvirrande
5. **quiXzoom: Fixa valuta-konflikt**
- Använd endast EUR (€) eller USD ($) — aldrig SEK
- "285 kr" → "~€25" eller liknande
6. **Landvex: Fyll `/insights/` eller ta bort**
- Tom sida skadar trovärdigheten
7. **quiXzoom: Korta hero-sektionen**
- För mycket scroll innan värde visas
- Benchmark: Apple — hero + CTA omedelbart
### Medium prioritet
8. **Cross-branding:** Tydligare koppling Landvex ↔ quiXzoom
- Lägg till "Powered by Landvex" mer prominent
- Gemensam footer-design
- Gemensam färgpalett (åtminstone primärfärg)
9. **Landvex: "Pre-launch" varningar**
- Dölj eller formulera om — skapar osäkerhet hos enterprise-kunder
10. **quiXzoom: Earnings-kalkylator**
- Förinställt på 5 missions/vecka, reward 9 → €195/mån
- Detta är lågt — överväg att visa potential (t.ex. 10 missions, reward 15)
---
## 7. BETYG
| Kategori | Landvex | quiXzoom |
|---|---|---|
| Visuell konsekvens | ⭐⭐ (2/5) | ⭐⭐⭐⭐ (4/5) |
| Mobile-first | ⭐⭐ (2/5) | ⭐⭐ (2/5) |
| Navigation | ⭐⭐ (2/5) | ⭐⭐ (2/5) |
| Innehållskvalitet | ⭐⭐⭐⭐ (4/5) | ⭐⭐⭐ (3/5) |
| Trust/credibility | ⭐⭐⭐ (3/5) | ⭐⭐⭐⭐ (4/5) |
| SEO | ⭐⭐⭐ (3/5) | ⭐⭐ (2/5) |
| **Totalt** | **⭐⭐⭐ (3/5)** | **⭐⭐⭐ (3/5)** |
---
*Audit genomförd 2026-06-25. Alla observationer baserade på live-webbplatser.*