Expanded Programme Scope
SEED’s work had grown across multiple verticals, but the website needed to better represent the programme’s evolving initiatives and areas of focus.
Development SectorWebsite RedesignUI/UX DesignProgramme Communication
SEED Programme Website Redesign
Adam Smith International
A public programme website redesigned to make SEED’s multi-component development work easier to navigate, understand, and communicate.
Project Overview
A clearer digital experience for a large development programme
SEED is a UK-funded programme focused on improving economic and urban planning in Khyber Pakhtunkhwa. As the programme expanded across multiple components and stakeholder groups, the website needed a clearer way to present its scope, interventions, stakeholders, and impact areas. The redesign helped turn SEED’s complex programme work into a more organised public digital experience.
The Mandate
Redesign the website around clearer programme communication
The requirement was to redesign SEED’s website so complex programme information could be easier to navigate, understand, and experience. The platform needed to serve donors, beneficiaries, government stakeholders, partners, and public users, while giving SEED’s programme components a stronger visual and structural identity.
The Environment
A growing programme that needed stronger digital structure
SEED’s original website was created at the start of the programme, but the programme had grown across more workstreams, intervention areas, stakeholders, and communication needs. The existing website no longer reflected the full scale of SEED’s work, so users needed a clearer way to understand what the programme does, who it supports, and how its components connect.
Our Role
From stakeholder understanding to website delivery
Centangle redesigned the SEED website through a structured process that included stakeholder meetings, sitemap restructuring, wireframes, UI design, style guidelines, vector illustrations, web animations, and website development. The work focused on turning SEED’s multi-component programme structure into a clearer digital experience supported by content hierarchy, visual storytelling, and user journey planning.
The Challenge
SEED’s programme work needed clearer digital structure
SEED’s work had grown across multiple verticals, but the website did not fully reflect the programme’s evolving initiatives.
The challenge was to redesign the website so complex programme information could become easier to understand, navigate, and communicate for donors, beneficiaries, government stakeholders, and wider audiences.
Complex Information Structure
Programme interventions needed to be divided into smaller, logical sections so users could understand the work without feeling overwhelmed.
Stakeholder Communication
The website had to serve different audiences, including donors, beneficiaries, institutional stakeholders, partners, and public users.
User Journey Clarity
The redesign needed to improve how users moved through programme information and understood SEED’s purpose, workstreams, and impact.
The Solution
A redesigned programme website with clearer structure and flow
Centangle redesigned the SEED website to make a large, multi component development programme easier to navigate, understand, and engage with.
System Architecture: SEED Programme Website Redesign
Presentation Layer
Public Website Experience
Programme Website Interface
Presents SEED’s work through a public website.
APPLICATION LAYER
Sitemap Structure
Organises programme information into logical sections.
Content Experience
Structures content across website pages.
Wireframes and User Flows
Defines user movement before final design.
DATA & INTEGRATION LAYER
Programme Information Structure
Organises SEED’s components, scope, and interventions.
Visual and Animation Assets
Supports the website with graphics and animations.
Developed Public Platform
Delivers the website for public communication.
Website Update Structure
Supports future content updates and changes.
FEATURE 01
Sitemap Restructuring
Organised SEED’s programme information into a clearer and more logical website structure.
FEATURE 02
UX and Wireframe Design
Mapped user journeys and page flows before moving into final interface design.
FEATURE 03
Visual System Design
Created a consistent visual direction through colours, typography, layout, icons, and components.
FEATURE 04
Illustrations and Animations
Used custom visuals and web animations to make programme areas easier to understand.
FEATURE 05
Stakeholder-Focused Content Flow
Structured the website around donors, beneficiaries, government stakeholders, partners, and public users.
FEATURE 06
Website Development
Delivered the redesigned website as a public-facing platform for SEED’s programme communication.
How Do We Deliver It
Structured delivery from stakeholder understanding to website development
The SEED website redesign followed a structured process that connected stakeholder input, content organisation, user journey planning, visual design, illustrations, animations, and website development.
- 01
PHASE ONE
Stakeholder Meetings and Programme Understanding
Understanding SEED’s programme scope, stakeholder needs, intervention areas, and communication requirements.
- Stakeholder Input, Programme Understanding, Audience Needs, Communication Priorities
- 02
PHASE TWO
Sitemap Restructuring
Organising SEED’s programme information into a clearer website structure with logical sections and improved navigation.
- Information Architecture, Content Hierarchy, Navigation Planning, Programme Structure
- 03
PHASE THREE
Wireframe and UX Design
Mapping user journeys and creating wireframes to define how users would move through the website before final design.
- User Journeys, Wireframing, Page Flow, UX Structure
- 04
PHASE FOUR
UI Design and Visual System
Creating the website’s visual direction through style guidelines, colours, typography, iconography, and component treatment.
- UI Design, Visual Direction, Style Guidelines, Component Design
- 05
PHASE FIVE
Illustrations, Animations, and Development
Developing vector illustrations, web animations, and the final website experience for public use.
- Illustration Design, Web Animation, Website Development, Public Platform Launch
Measured Impact
What changed after the SEED website redesign
The redesigned SEED website helped translate a large, multi component development programme into a clearer and more navigable digital experience. By restructuring the sitemap, improving user journeys, creating wireframes, defining visual guidelines, and adding custom illustrations and animations, the platform made SEED’s work easier for donors, beneficiaries, government stakeholders, and wider audiences to understand.
Before
- SEED’s original website no longer reflected the full scale of the programme’s expanded work.
- Programme information was complex and needed clearer grouping.
- Different stakeholder audiences had to move through the same information structure.
- The website needed stronger visual communication to make programme components easier to identify.
- User journeys needed to be improved so visitors could understand SEED’s work with less friction.
After
- SEED’s interventions were organised into logical sections, making the programme easier to explore.
- Donors, beneficiaries, government stakeholders, and public audiences gained clearer information pathways.
- Distinct colours, shapes, illustrations, and animations helped make complex programme areas easier to understand.
- The redesigned sitemap and wireframes created a stronger structure before final UI and development.
- The website became a clearer public communication platform for SEED’s work and stakeholder engagement.
SEED Website Redesign
A clearer public platform for programme communication
Centangle redesigned the SEED website to make programme information, stakeholder journeys, and intervention areas easier to navigate and understand.
Work With Us
Need to communicate a complex programme clearly?
Centangle helps development programmes and public sector initiatives redesign digital platforms that improve communication, organise information, and make complex work easier to understand.