diff --git a/.planning/phases/02-content/02-CONTEXT.md b/.planning/phases/02-content/02-CONTEXT.md new file mode 100644 index 0000000..fe1ab39 --- /dev/null +++ b/.planning/phases/02-content/02-CONTEXT.md @@ -0,0 +1,108 @@ +# Phase 2: Content - Context + +**Gathered:** 2026-04-11 +**Status:** Ready for planning + + +## Phase Boundary + +Un visiteur comprend immediatement que Killian est dev Hytale, peut voir les services/prix, et lire des temoignages clients. Cela couvre : refonte hero homepage, creation page /hytale avec pricing, affichage temoignages sur 2 pages, et mise a jour du positionnement site.ts. + + + + +## Implementation Decisions + +### Hero & Messaging +- **D-01:** H1 = "Hytale Plugin Developer" — positionnement niche direct, pas de titre generique +- **D-02:** CTAs = Discord (profil personnel pour l'instant, a changer si serveur cree) + Contact +- **D-03:** Badge "Available for projects" → passer en i18n (FR: "Disponible pour vos projets") +- **D-04:** Sous-titre angle benefice client : "Des plugins performants et sur-mesure pour votre serveur Hytale" +- **D-05:** Layout hero = garder le grid 2 colonnes (texte gauche, placeholder/illustration droite) +- **D-06:** Pas d'image pour l'instant cote droit — placeholder en attendant des assets Hytale +- **D-07:** Lien Discord = profil personnel existant dans site.ts (provisoire) + +### Claude's Discretion (Hero) +- Stats/chiffres cles dans le hero : Claude decide si pertinent pour la conversion + +### Page Hytale & Pricing +- **D-08:** Page /hytale avec 4 sections : hero dedie Hytale, services/expertise, grille tarifaire, temoignages +- **D-09:** 4-5 tiers de pricing : plugin simple / complexe / sur-mesure / maintenance / web (comme CONT-03) +- **D-10:** Prix en mode mix : prix fixes pour simple/maintenance, sur devis pour complexe/sur-mesure +- **D-11:** CTA de chaque tier = "Demander un devis" → redirige vers /contact +- **D-12:** Pas de demos — Hytale est sorti (janvier 2026), mais pas d'assets a montrer pour l'instant + +### Temoignages +- **D-13:** Garder les 5 temoignages Fiverr existants tels quels (Minecraft/Discord = transferable) +- **D-14:** Pas de nouveaux temoignages Hytale a ajouter pour l'instant +- **D-15:** Homepage : 2-3 featured en carousel. Page /hytale : tous les 5 en carousel avec plus de details +- **D-16:** Corriger totalReviews : le vrai nombre est 5, pas 10 ni 50 +- **D-17:** Format d'affichage = carousel/slider sur les deux pages + +### Transition de Positionnement +- **D-18:** Positionnement Hytale-first, web secondaire — homepage et branding centres Hytale, services web restent accessibles mais pas mis en avant +- **D-19:** Toutes les pages existantes restent (about, projects, fiverr, contact), on ajoute /hytale +- **D-20:** siteConfig.title = "Killian' DAL-CIN - Hytale Plugin Developer | Freelance" +- **D-21:** jobTitle dans site.ts = "Hytale Plugin Developer" (SEO-05) + + + + +## Canonical References + +**Downstream agents MUST read these before planning or implementing.** + +No external specs — requirements fully captured in decisions above and in: +- `.planning/REQUIREMENTS.md` — CONT-01, CONT-02, CONT-03, CONT-04, SEO-05 +- `.planning/ROADMAP.md` §Phase 2 — success criteria and dependencies +- `.planning/codebase/STRUCTURE.md` — file locations and conventions + + + + +## Existing Code Insights + +### Reusable Assets +- `HeroSection.vue` — hero existant avec grid 2 colonnes, a adapter (pas recreer) +- `TestimonialsSection.vue` — composant temoignages existant, reutilisable +- `ServicesSection.vue` — composant services existant sur homepage +- `ProjectCard.vue` — card component reutilisable +- `app/data/testimonials.ts` — 5 temoignages structures avec types +- `app/data/site.ts` — config site a mettre a jour (title, description, jobTitle) +- Nuxt UI v3 composants (UCard, UButton, etc.) pour le pricing grid + +### Established Patterns +- Pages dans `app/pages/` avec auto-routing Nuxt +- Sections dans `app/components/sections/` composees dans les pages +- i18n via `useI18n()` + `i18n/locales/fr.json` et `en.json` +- Data statique typee dans `app/data/` +- Types dans `shared/types/index.ts` + +### Integration Points +- Nouvelle page `app/pages/hytale.vue` (auto-routee en /hytale) +- Navigation AppHeader.vue — ajouter lien /hytale +- i18n keys a ajouter dans fr.json et en.json pour tout le nouveau contenu +- site.ts — mettre a jour title, description, ajouter jobTitle + + + + +## Specific Ideas + +- Hytale est sorti depuis le 13 janvier 2026 — ce n'est pas un jeu a venir, c'est un jeu actif +- Les temoignages Minecraft/Discord servent de preuve de competence gaming transferable a Hytale +- Le Discord CTA pointe vers le profil personnel en attendant un eventuel serveur communautaire + + + + +## Deferred Ideas + +None — discussion stayed within phase scope + + + +--- + +*Phase: 02-content* +*Context gathered: 2026-04-11* diff --git a/.planning/phases/02-content/02-DISCUSSION-LOG.md b/.planning/phases/02-content/02-DISCUSSION-LOG.md new file mode 100644 index 0000000..2d34aea --- /dev/null +++ b/.planning/phases/02-content/02-DISCUSSION-LOG.md @@ -0,0 +1,155 @@ +# Phase 2: Content - Discussion Log + +> **Audit trail only.** Do not use as input to planning, research, or execution agents. +> Decisions are captured in CONTEXT.md — this log preserves the alternatives considered. + +**Date:** 2026-04-11 +**Phase:** 02-content +**Areas discussed:** Hero & messaging, Page Hytale & pricing, Temoignages, Transition de positionnement + +--- + +## Hero & Messaging + +| Option | Description | Selected | +|--------|-------------|----------| +| Hytale Plugin Developer | Direct et specialise — positionnement niche immediat | ✓ | +| Hytale + Web | Specialisation Hytale avec mention web | | +| Creatif/accrocheur | Phrase d'accroche plutot que titre de poste | | + +**User's choice:** Hytale Plugin Developer +**Notes:** Titre direct, pas de formulation creative + +| Option | Description | Selected | +|--------|-------------|----------| +| Discord + Contact | Bouton principal Discord, secondaire contact | ✓ | +| Page Hytale + Contact | Principal vers /hytale, secondaire contact | | +| Discord + Hytale | Principal Discord, secondaire /hytale | | + +**User's choice:** Discord + Contact + +| Option | Description | Selected | +|--------|-------------|----------| +| Garder tel quel | Badge "Available for projects" reste | | +| Traduire + i18n | Passer par i18n FR/EN | ✓ | +| Adapter a Hytale | "Pret pour la sortie Hytale" | | + +**User's choice:** Traduire + i18n + +| Option | Description | Selected | +|--------|-------------|----------| +| Experience + techno | "7+ ans d'experience en developpement..." | | +| Benefice client | "Des plugins performants et sur-mesure..." | ✓ | +| Tu decides | Claude choisit | | + +**User's choice:** Benefice client + +| Option | Description | Selected | +|--------|-------------|----------| +| Garder le grid | Texte gauche, illustration droite | ✓ | +| Centre plein largeur | H1 + sous-titre centres | | +| Tu decides | Claude choisit | | + +**User's choice:** Garder le grid + +| Option | Description | Selected | +|--------|-------------|----------| +| Pas d'image pour l'instant | Placeholder ou pas d'illustration | ✓ | +| J'ai des assets | Fournira des images Hytale | | +| Illustration generique | Icone ou illustration abstraite | | + +**User's choice:** Pas d'image pour l'instant + +--- + +## Page Hytale & Pricing + +**Sections selectionnees (multi-select) :** Hero dedie Hytale, Services/expertise, Grille tarifaire, Temoignages + +| Option | Description | Selected | +|--------|-------------|----------| +| 3 tiers | Simple / Complexe / Sur-mesure | | +| 4-5 tiers | Plugin simple / complexe / sur-mesure / maintenance / web | ✓ | +| Tu decides | Claude structure les tiers | | + +**User's choice:** 4-5 tiers + +| Option | Description | Selected | +|--------|-------------|----------| +| A partir de X€ | Attractif mais flexible | | +| Fourchettes | "50-150€" transparent | | +| Sur devis | Pas de prix affiche | | +| Mix | Prix fixes pour simple/maintenance, sur devis pour complexe | ✓ | + +**User's choice:** Mix + +| Option | Description | Selected | +|--------|-------------|----------| +| Discord | "Discutons sur Discord" | | +| Contact form | "Demander un devis" → /contact | ✓ | +| Les deux | Discord principal + contact secondaire | | + +**User's choice:** Contact form + +**Notes:** Pas de demos — Hytale est sorti depuis le 13 janvier 2026, mais l'utilisateur n'a pas d'assets a montrer. + +--- + +## Temoignages + +| Option | Description | Selected | +|--------|-------------|----------| +| Garder tels quels | Avis Fiverr transferables | ✓ | +| Adapter le contexte | Changer les labels | | +| Separer | Tous homepage, pertinents sur /hytale | | + +**User's choice:** Garder tels quels + +| Option | Description | Selected | +|--------|-------------|----------| +| Meme composant, meme data | Identique sur les deux pages | | +| Featured vs complet | Homepage 2-3 featured, /hytale tous les 5 | ✓ | +| Tu decides | Claude choisit | | + +**User's choice:** Featured vs complet + +**Notes:** totalReviews a corriger de 10 → 5. Format carousel/slider sur les deux pages. + +--- + +## Transition de Positionnement + +| Option | Description | Selected | +|--------|-------------|----------| +| Hytale-first, web secondaire | Branding centre Hytale, web accessible mais pas mis en avant | ✓ | +| Double positionnement | 50/50 Hytale et Web | | +| Full pivot Hytale | Tout Hytale, web secondaire | | + +**User's choice:** Hytale-first, web secondaire + +| Option | Description | Selected | +|--------|-------------|----------| +| Garder toutes | Toutes les pages restent, ajouter /hytale | ✓ | +| Supprimer fiverr | Redondante avec /hytale | | +| Tu decides | Claude evalue | | + +**User's choice:** Garder toutes + +| Option | Description | Selected | +|--------|-------------|----------| +| Hytale Plugin Developer | "Killian' DAL-CIN - Hytale Plugin Developer | Freelance" | ✓ | +| Hytale & Web Developer | Les deux mentionnes | | +| Tu decides | Claude redige le meilleur titre SEO | | + +**User's choice:** Hytale Plugin Developer + +--- + +## Claude's Discretion + +- Stats/chiffres cles dans le hero (decide si pertinent pour la conversion) +- Lien Discord = profil personnel (provisoire, en attendant serveur eventuel) + +## Deferred Ideas + +None — discussion stayed within phase scope