bae705aa97
- 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
335 lines
11 KiB
Markdown
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.*
|