Naar hoofdinhoud gaan

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 – [email protected] (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.”
Zonder volledige intake én assets starten we NIET.

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
  1. 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.