> ## Documentation Index
> Fetch the complete documentation index at: https://docs.oasecreative.nl/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify Webshop

> Dit playbook beschrijft het volledige interne proces voor het ontwerpen en ontwikkelen van een **Shopify-winkel** bij Oase Creative.

## Overzicht

Dit playbook beschrijft het volledige interne proces voor het ontwerpen en ontwikkelen van een **Shopify-winkel** bij Oase Creative.
De uitvoering gebeurt in samenwerking met onze vaste Shopify-ontwikkelaar:
**Daniel Al Seffar – [daniel@oasecreative.nl](mailto:daniel@oasecreative.nl)**
(Actief binnen onze interne Slack-omgeving)

Het proces omvat intake, planning, setup, design, development, revisies, oplevering en interne communicatie.

## Stap 1: Intakeformulier via Slack

Klanten vullen een **uitgebreid Shopify-formulier** in.
Dit formulier moet **100% compleet** zijn voordat we starten.

### Het formulier moet bevatten:

* Bedrijfsnaam + omschrijving
* Collectiesstructuur
* Productinformatie
* Branding (logo, kleuren, typografie)
* Voorbeeldwebshops
* Functionaliteitswensen
* SEO-gegevens (titels, teksten)
* Foto's / assets
* Apps die gebruikt moeten worden
* Domeinnaam + eventuele e-mailsetups
* Juridische pagina's (privacy, retour, algemene voorwaarden)

### Acties projectmanager:

1. Formulier bekijken en checken op volledigheid.
2. Controleren of alle assets aanwezig zijn.
3. Indien intake incompleet → klant verzoeken informatie aan te leveren.
4. Intake + assets opslaan in Google Drive projectmap.
5. Slack-update plaatsen: "Shopify intake compleet – klaar voor planning."

<Warning>
  Zonder volledige intake én assets starten we NIET.
</Warning>

## Stap 2: Project aanmaken in Slack + interne communicatie

### Acties:

* Projectmanager maakt een nieuw Slack-projectkanaal aan.
* Voeg toe:
* **Daniel Al Seffar**
* Betrokken designers
* Projectmanager
* Eventuele copywriters / fotografen
* Pin:
* Intakeformulier
* Drive-link
* Deadlines
* Checklist

Daniel gebruikt Slack als hoofdcommunicatiekanaal tijdens development.

## Stap 3: Shopify omgeving aanmaken (via onze development-omgeving)

Wij instrueren de klant nadrukkelijk:
**"Maak GEEN eigen Shopify-omgeving aan."**

Waarom:

* Wij gebruiken een officiële Shopify Partner-omgeving
* Wij ontvangen commissie via onze partner-omgeving
* Wij hebben volledige controle over het development-proces

### Acties:

1. Projectmanager maakt nieuwe **development store** aan via Shopify Partner Dashboard.
2. Toegang wordt verleend aan Daniel Al Seffar.
3. Basisconfiguratie wordt opgezet:

* Domein-placeholder
* Template-installatie
* Basis apps installeren
* Theme dupliceren voor veiligheid

## Stap 4: Opzetten van Basisthema + Structuur

Daniel zet de basisstructuur van de webshop klaar:

### Taken:

* Collecties aanmaken
* Navigatiestructuur opzetten
* Footermenu configureren
* Pagina's aanmaken:
* Home
* Over ons
* Contact
* FAQ
* Juridische pagina's
* Fonts & kleuren instellen volgens branding
* Placeholder-afbeeldingen invoegen
* Apps configureren (reviews, bundels, upsells, email-automation)

## Stap 5: Verwerken van Intake-informatie

Alle informatie uit het formulier wordt systematisch verwerkt:

### Bevat:

* Producten uploaden
* Varianten & barcodes
* SEO-titels & beschrijvingen toevoegen
* Collecties vullen
* Foto's optimaliseren
* Copywriting verwerken (indien aangeleverd)
* Lay-out van de homepage volledig opbouwen

## Stap 6: Eerste Versie Ontwikkelen (binnen 2 weken)

Binnen **2 weken** levert Daniel een volledige eerste versie op.

### Eerste versie bevat:

* Volledige visuele branding
* Homepagina volledig uitgewerkt
* Productpagina's
* Collectiepagina's
* Alle contentpagina's
* Apps geïnstalleerd
* Eerste checkout-test

### Acties projectmanager:

* Eerste versie testen
* Feedback verzamelen
* Datum prikken voor revisiecall

## Stap 7: Revisiecall & Video-opname

### Acties:

1. Videocall inplannen met klant.
2. Daniel neemt tijdens of na de call een **video-uitleg** op:

* Uitleg van de webshop
* Toelichting per pagina
* Instructies over functionaliteiten

3. Video wordt naar klant gestuurd als referentiemateriaal.

> 🎥 Deze video minimaliseert revisies en voorkomt miscommunicatie.

## Stap 8: Revisies verzamelen & verwerken

### Proces:

* Klant stuurt revisielijst
* Projectmanager vertaalt revisies in Slack naar Daniel
* Daniel verwerkt deze revisies
* Designers ondersteunen bij visuals indien nodig
* Slack wordt continu bijgewerkt met voortgang

### Mogelijke revisies:

* Kleur- of lay-outwijzigingen
* Content updates
* Functie-aanpassingen
* App-tweaks

## Stap 9: Finalisatie (binnen 20 werkdagen)

De webshop wordt binnen **20 werkdagen** volledig afgerond.

### Final checks:

* Checkout testen
* Apps testen
* Navigatie nalopen
* Mobiele optimalisatie
* SEO-basis goedzetten
* Afbeeldingen optimaliseren

## Stap 10: Oplevering aan de klant

### Opleveringspakket bestaat uit:

* Toegang tot Shopify winkel
* Video-uitleg (eerder opgenomen)
* Documentatie (optioneel)
* Drive-map met alle assets
* Instructies over:
* Orderbeheer
* Productbeheer
* Collectiebeheer
* Apps

> De klant kan na oplevering zelfstandig aanpassingen doen.

## Stap 11: Interne Afsluiting

### Acties:

* Slack-update plaatsen: project afgerond
* Daniel en PM documenteren learnings
* Drive-map finaliseren
* Eventuele upsellkansen registreren (CRO, e-mailflows, advertenties, productfotografie etc.)

## Best Practices

* Intake moet compleet zijn: incomplete intake = vertraging.
* Altijd via onze development-omgeving werken (geen eigen Shopify van klant).
* Bewaak deadlines:
* **2 weken → eerste versie**
* **20 dagen → final delivery**
* Gebruik Loom/video's om revisies te beperken.
* Mobile-first denken: >60% van bezoekers gebruikt mobiel.
* Houd alle communicatie transparant in Slack.

## Samenvatting Workflow

1. Intake compleet
2. Slack-kanaal aanmaken + team uitnodigen
3. Shopify dev-store openen
4. Basisthema instellen
5. Intake verwerken
6. Eerste versie (2 weken)
7. Revisiecall + video
8. Revisies verwerken
9. Final delivery (20 werkdagen)
10. Interne afsluiting

> Daniel Al Seffar is hoofdontwikkelaar → alle development via Slack.