Offerte - Website Redesign Cocoia Creative Agency

Project Overzicht

Client Cocoia Creative Agency

Uitvoerende partij Jabeja

Huidig Platform Wix

Nieuw Platform Next.js (React Framework)

Hosting Hostinger VPS

CMS Hybride aanpak

Levertijd 2 weken tot 1 maand

Project Scope

Website Structuur (12+ Pagina's)

Hoofdpagina's:

Homepage - Multi-sectie landingspagina
Onze Aanpak/Over Ons Pagina - Bedrijfsverhaal, proces, team
Contact Pagina - Contactformulier en informatie
Portfolio Overzichtspagina - Galerij van projecten
Blog Overzichtspagina - Overzicht van alle blog posts

Individuele Project Case Study Pagina's:

Magna Pacific - Luxury Villa Case Study
Blooma Boutique Hotel - Boutique Hotel Case Study
Gruv Eyewear - Eyewear Brand Case Study
Costa Rican Trails - Travel Experience Case Study

Legal Pagina's:

Privacy Policy
Terms & Conditions
Accessibility Statement
Refund Policy

Kernfunctionaliteiten

Tweetalige ondersteuning (Engels/Spaans taalwisselaar)
Responsive design (mobiel, tablet, desktop)
Contactformulieren met validatie
Testimonials carousel
Portfolio galerij
Service cards sectie
Social media integratie
Performance optimalisatie
Admin panel voor content beheer (blogs en portfolio items toevoegen/bewerken)

Admin Panel Functionaliteiten

Authenticatie & Beveiliging:

Secure login systeem
Gebruikersbeheer (admin accounts)
Beveiligde API endpoints

Blog Management:

Nieuwe blog posts toevoegen
Bestaande blogs bewerken
Blogs verwijderen
Image upload voor blog afbeeldingen
Content editor (rich text editor)
Publicatie status (draft/published)
SEO metadata beheer

Portfolio Management:

Nieuwe portfolio items toevoegen
Bestaande portfolio items bewerken
Portfolio items verwijderen
Meerdere afbeeldingen uploaden per project
Project details beheren (titel, beschrijving, case study content)
Project categorieën/typen beheren
Project volgorde/prioriteit instellen

Wat is Inbegrepen

Complete Next.js website rebuild
Alle 12+ pagina's volgens huidige site structuur
Responsive design (mobiel, tablet, desktop)
Tweetalige ondersteuning (Engels/Spaans)
Contactformulier functionaliteit
Performance optimalisatie
Basis toegankelijkheid
VPS deployment setup en volledig beheer (Jabeja verzorgt alle technische aspecten, client betaalt alleen Hostinger hosting kosten)
Admin panel voor content beheer (blogs en portfolio items toevoegen/bewerken)
Complexe animaties en transitions
2 revisierondes per fase/sectie
14 dagen post-launch support (bug fixes alleen)
Meeting achteraf om te tonen hoe alles werkt

Wat is NIET Inbegrepen

Content creatie/schrijven (gebruik bestaande content)
Brand guide creatie (client levert)
Fotografie/video assets (client levert)
Hosting kosten: €18/maand (€216/jaar, gefactureerd per jaar door Hostinger - client betaalt direct aan Hostinger, Jabeja verzorgt volledig beheer)
Domain registratie/vernieuwing
Doorlopend onderhoud
Extra revisierondes (2 revisierondes per fase/sectie zijn inbegrepen)
Geavanceerde CMS functionaliteiten (basis admin panel voor blogs en portfolio is inbegrepen)
Third-party integraties
Training sessies
SEO optimalisatie (zie optionele services hieronder)

                Opmerking VPS Beheer:
                Jabeja verzorgt volledige VPS setup, configuratie, deployment en technisch beheer
Hostinger VPS kosten: €18 per maand (€216 per jaar, gefactureerd per jaar)
Client betaalt hosting kosten direct aan Hostinger (niet via Jabeja)
Alle server management, updates, monitoring en maintenance wordt door Jabeja verzorgd

            

Project Timeline

Totale Duur: 2 weken tot 1 maand

Ontwikkelingsfasen:

Fase 1: Setup & Basisstructuur
Fase 2: Hoofdpagina's Ontwikkeling
Fase 3: Portfolio & Project Pagina's
Fase 4: Legal Pagina's, Admin Panel & Tweetalige Ondersteuning
Fase 5: Testing, Optimalisatie & Deployment

Belangrijke Opmerking:

De ontwikkeltijd is flexibel en kan variëren tussen 2 weken en 1 maand, afhankelijk van:

Beschikbaarheid van brand guide en assets bij project start
Volledigheid en goedkeuring van content
Snelheid van feedback en goedkeuringen van de client
Complexiteit van specifieke features
Eventuele scope wijzigingen tijdens ontwikkeling

Hostinger VPS toegang moet beschikbaar zijn voor deployment. Regelmatige communicatie en snelle feedback helpen om de ontwikkeltijd te optimaliseren.

Opmerkingen bij Budget & Tijdlijn

Gezien de flexibele tijdlijn van 2 weken tot 1 maand wordt er gefocust op:

Essentiële functionaliteiten - Alle basis features worden geïmplementeerd
Herbruikbare componenten - Efficiënte code structuur voor snelle ontwikkeling
Geoptimaliseerde workflow - Parallelle ontwikkeling waar mogelijk
Standaard styling - Gebruik van bestaande design systemen en component libraries
Efficiënte implementatie - Focus op functionaliteit, complexe animaties zijn inbegrepen

Beperkingen binnen dit budget en tijdlijn:

Complexe animaties zijn inbegrepen, maar zeer uitgebreide/experimentele animaties kunnen extra tijd kosten
Basis admin panel voor blogs en portfolio items management (geen volledig uitgebreid enterprise CMS met alle geavanceerde features)
Basis toegankelijkheid (geen volledige WCAG audit, maar wel basis compliance)
Geen uitgebreide third-party integraties
Beperkte custom features buiten de scope
Beperkt aantal revisierondes: 2 revisierondes per fase/sectie

Factoren die de ontwikkeltijd beïnvloeden:

Beschikbaarheid van content en assets bij project start
Snelheid van feedback en goedkeuringen
Scope wijzigingen tijdens ontwikkeling
Complexiteit van specifieke features
Hostinger VPS account beschikbaarheid (Jabeja verzorgt volledige setup en beheer)

Volgende Stappen

Client levert brand guide en alle assets
Project kickoff meeting
Design review en goedkeuringsproces
Ontwikkeling start
Regelmatige voortgangsupdates en reviews
Finale testing en deployment
Meeting achteraf om te tonen hoe alles werkt

Ontwikkelingsfasen

Fase 1: Setup & Basisstructuur

Next.js project setup met TypeScript
Project structuur en architectuur
Design systeem implementatie (op basis van brand guide)
Basis component library
Development environment configuratie
Database setup voor admin panel (bijv. Supabase, PostgreSQL of MongoDB)
Basis authenticatie systeem setup

Fase 2: Hoofdpagina's Ontwikkeling

Homepage met alle secties: Hero, Over Ons, Probleemstelling, Services (6 service cards), Portfolio preview, Klanten, Testimonials carousel (4 testimonials), Footer met contactformulier
Onze Aanpak/Over Ons pagina
Contact pagina met formulier
Navigatie en header componenten
Footer component

Fase 3: Portfolio & Project Pagina's

Portfolio overzicht/galerij pagina
Individuele project case study pagina's (4+ pagina's: Magna Pacific, Blooma, Gruv, Costa Rican Trails)
Project navigatie
Image galleries voor projecten
Case study templates

Fase 4: Legal Pagina's, Admin Panel & Tweetalige Ondersteuning

4 legal pagina's (Privacy Policy, Terms & Conditions, Accessibility Statement, Refund Policy)
Admin panel ontwikkeling: Authenticatie systeem, Blog management, Portfolio items management, Image upload functionaliteit, Content editor interface
Internationalisatie (i18n) setup
Engels/Spaans taalwisselaar
Content vertaling management
Taal-specifieke routing

Fase 5: Testing, Optimalisatie & Deployment

Cross-browser testing
Mobiele responsiviteit testing
Performance optimalisatie
Basis toegankelijkheid check
Formulier submission testing
VPS deployment setup en volledige configuratie (Jabeja beheert dit)
Domain configuratie
SSL certificaat setup en beheer
Server monitoring en maintenance setup
Finale kwaliteitscontrole
Launch en post-launch checks

Totaal Project Investering

Geschatte Basis Ontwikkeling

€2,000

50% bij project start €1,000

50% bij oplevering €1,000

                Opmerking bij Kosten:
                Alle kosten zijn schattingen gebaseerd op de huidige project scope
Tijdens ontwikkeling worden alle gewerkte uren nauwkeurig bijgehouden
Facturering gebeurt op basis van werkelijke uren: Als de werkelijke uren minder zijn dan de schatting, betaalt de client alleen de werkelijke uren. Als de werkelijke uren meer zijn dan de schatting, melden we dit tijdig
Mocht blijken dat we de geschatte uren dreigen te overschrijden, dan melden we dit tijdig
Samen bespreken we dan de situatie en nemen we de nodige stappen (bijv. scope aanpassing, extra budget, of prioritering van features)
Transparantie en communicatie staan voorop

            

Optionele Services (Tegen Uurtarief)

SEO Optimalisatie

On-page SEO optimalisatie
Meta tags en structured data implementatie
Sitemap en robots.txt configuratie
Content SEO optimalisatie
Technical SEO checks

Uurtarief Jabeja: €90 per uur (excl. BTW)

Opmerking: Een offerte op maat kan worden opgesteld na bespreking van de specifieke SEO wensen.