WebsiteRedesignProposal
A complete digital transformation for CivSource Africa, from template to custom-built interactive experience.
forCivSource-AfricaWhyaNewWebsite?
CivSource Africa has grown from a single-country advisory firm into a constellation of five entities across three countries. Their current Squarespace site, while functional, no longer reflects the scale, sophistication, or impact of the organization.
The new website needed to do more than display information. It needed to tell the CivSource story through creative visualizations that make the mission tangible and the impact felt.
Brand has outgrown the template
A constellation of 5 entities needs a design system, not a template.
Static content can't convey dynamic impact
Their work is alive: growing leaders, flowing funds, connecting networks.
Modern expectations for donor engagement
Philanthropists and partners expect polished, professional digital presence.
Performance and SEO limitations
Squarespace constraints on speed, structured data, and deployment flexibility.
WhatChangesandWhy
Visual Design
Template-based Squarespace layout with standard widgets and stock design patterns. Limited brand expression.
Custom Awwwards-quality design with the actual brand palette (purple + orange), fluid typography, glassmorphism, and editorial layouts.
Interactivity
Static pages with basic hover effects. No scroll-based animations or dynamic content.
Pulsing heart visualization, expanding pillar columns, flowing fund streams with SVG animations, auto-cycling carousels, constellation maps.
Storytelling
Information organized in standard page sections. The story of CivSource is told through blocks of text.
Each section creatively visualizes its message: heart for giving, growth stages for leadership, river flows for funding, constellation for networks.
Brand Identity
Logo and colors present but not woven into the experience. Generic feel that could be any nonprofit.
Brand colors, logos, and imagery deeply integrated. Galaxy metaphor, entity logos, African pattern icons all reinforce the CivSource identity.
Performance
Squarespace platform with third-party scripts, slower load times, limited optimization control.
Next.js 16 with static generation, optimized images (next/image), code splitting, and Vercel edge network for sub-second loads.
User Experience
Traditional navigation with dropdown menus. Mobile experience is a responsive version of the desktop.
Custom cursor that transforms into a heart, smooth scroll (Lenis), magnetic buttons, preloader with logo, mobile-first responsive design.
EverySection,Reimagined
Hero
Static banner with text overlay
Full-bleed team photo with purple overlay, text reveal animations, animated stats bar
Our Identity
Text blocks with side image
Bento grid: galaxy image, vision/mission colored cards, D.A.R.E. values, timeline, entity logos
Four Pillars
Standard grid cards
Interactive expanding columns with background images that reveal on hover, brand gradient overlays
CivFund
Text list of funds
Flowing stream visualization: pulsing hub with SVG bezier curves to fund cards, hub reacts to hover with color changes
Leadership
Team page with photos
CEO editorial profile + growth journey with auto-cycling stages (Seed/Root/Bloom/Canopy)
Impact
Stats in a grid
Pulsing SVG heart with heart-shaped orbit paths, orbiting hearts, heart cursor, Five C's icon carousel
Networks
Partner logos list
Interactive constellation map with SVG node connections, hover-reactive lines and expanding cards
Contact
Form + address
Connected office nodes with traveling dot, flag emojis, colored contact method cards
BuiltWithModernTools
Latest React framework with App Router and static generation
Utility-first CSS for rapid, consistent design
Smooth scroll and scroll-triggered animations
Lightweight state management for preloader and interactions
Edge network deployment with SSL, fast global CDN
Type-safe code for reliability and maintainability
ReadytoTransformYourDigitalPresence?
Compare the current site with our proposed redesign. See the difference a custom-built, story-driven website can make.
A Proposal By
Information Village Limited
Enterprise Software, AI Platforms, and Cybersecurity Infrastructure