Offerte

Website Redesign Cocoia Creative Agency

Aangeboden door Jabeja

Datum: 19 december 2024

Offerte geldig tot: 18 januari 2025

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

Wat is NIET Inbegrepen

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:

  1. Essentiële functionaliteiten - Alle basis features worden geïmplementeerd
  2. Herbruikbare componenten - Efficiënte code structuur voor snelle ontwikkeling
  3. Geoptimaliseerde workflow - Parallelle ontwikkeling waar mogelijk
  4. Standaard styling - Gebruik van bestaande design systemen en component libraries
  5. 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

  1. Client levert brand guide en alle assets
  2. Project kickoff meeting
  3. Design review en goedkeuringsproces
  4. Ontwikkeling start
  5. Regelmatige voortgangsupdates en reviews
  6. Finale testing en deployment
  7. 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.