Blue Penguin Digital Logo

Blue Penguin Digital

Style Guide Collection for The Addy

Website Plan

A comprehensive outline of the proposed site architecture and content organization for The Addy's new digital presence.

Executive Summary

We are creating a dynamic, user-friendly website for The Old Quarry Adventure Playground (The Addy) that will serve as the central online hub for your community resource in Knottingley. The website aims to showcase your history and services, facilitate community engagement, support fundraising efforts, and include a robust Content Management System (CMS) allowing your staff to easily manage website content without technical expertise.

Website Purpose & Goals

The Addy website will serve these key purposes:

Online Presence

Provide a comprehensive online presence for the playground that is accessible to all community members.

Tell Our Story

Communicate The Addy's history, mission, and community impact since 1972.

Showcase Programs

Promote daily play sessions, youth clubs, 'Run Riot,' 'Wild Tots,' and other community programs.

Community Engagement

Facilitate community engagement through volunteering opportunities and participation.

Support Fundraising

Support fundraising and donation efforts to help maintain and grow The Addy's community services.

Easy Content Management

Allow staff to independently manage and update website content without technical expertise.

Target Audience

The website is designed for multiple user groups:

Parents & Caregivers

Seeking information about facilities and programs for their children

Children & Young People

Interested in activities and events they can participate in

Community Members

Looking to support through volunteering or donations

Funders & Sponsors

Requiring information about The Addy's mission and impact

Staff Members

Who need to communicate updates and manage website content

Technical Approach

We'll build a dynamic website with these technologies:

Front-End

HTML, Tailwind CSS, JavaScript, and Lucide icons for a responsive, accessible interface.

HTML Tailwind CSS JavaScript Lucide Icons

Back-End

Procedural PHP and MySQL to store and manage content.

PHP MySQL

Hosting

CPanel for reliable web hosting with industry-standard reliability.

CPanel Shared Hosting

Content Management

Custom CMS for staff to update website content without technical expertise.

Custom CMS User-Friendly Interface

This approach provides the perfect balance of modern design, functionality, and ease of maintenance for your team.

Website Structure & Content

The website will include these key sections:

Site Map

Homepage
Hero Section & Welcome
Upcoming Events Highlights
Brief History & Mission
Get Involved Call-to-Action
About Us
History
Mission & Values
Community Impact
Programs
Play Sessions
Youth Clubs
Special Programs
Support Us
Donate
Volunteer
Fundraising
Events
Calendar View
Get Involved
Opportunities
Contact
Form & Info
Staff & Rooms
Profiles & Rentals

Design Direction

The design will blend historical warmth with playful energy through:

Color Palette

Warm, earthy tones (browns, greens, muted yellows) with bright, playful accents (blues, oranges, reds)

Typography

A combination of playful headings with highly readable body text

Playful Heading

Open Sans or similar for readable body content

Imagery

High-quality photographs of the playground and activities, including both contemporary and historical images

Interactive Elements

Subtle animations and interactive elements for engagement

Key Features

The website will include these essential features:

Responsive Design

Fully optimized for mobile, tablet, and desktop devices

Mobile Tablet Desktop

Content Management

User-friendly interface for staff to update content

  • Page content (text and images)
  • Events calendar
  • News and announcements

Additional Features

  • Online Donations
  • Interactive Calendar
  • Contact Form
  • Image Galleries
  • Accessibility Features

Development Process & Timeline

The website will be developed through these key phases:

Project Timeline

1

Discovery & Planning

Complete

Based on requirements documents provided

Requirements Audience Analysis Goal Setting
2

Design Phase

In Progress

  • Create wireframes and mockups
  • Develop brand identity integration
  • Client feedback and revisions
3

Development

Upcoming

Front-end

HTML, CSS, and JavaScript for responsive interface

Back-end

PHP and MySQL for server-side functionality

CMS

Custom content management system implementation

Database

Database schema setup and implementation

4

Testing

Upcoming

  • Cross-browser and device testing
  • Functionality and usability testing
  • Accessibility testing
5

Launch

Upcoming

Website Deployment

Go-live and finalization

Staff CMS Training

Content management training

6

Post-Launch

Upcoming

Technical support
Performance monitoring

Staff Training & Support

We will provide comprehensive training for your team on using the CMS to:

Staff CMS Training Program

Content Management

  • Update page content (text)
  • Add and optimize images

Events & Activities

  • Add and edit events
  • Post news and announcements

Additional Features

  • Manage volunteer information
  • Upload and manage images

Documentation: Comprehensive written guides and video tutorials will be provided for ongoing reference.

Next Steps

1

Review Plan

Review this plan and provide feedback

2

Finalize Design

Finalize branding direction and design preferences

3

Gather Content

Gather existing content and high-quality images

4

Begin Design

Begin the website design phase

We're excited to create a website that perfectly captures The Addy's unique blend of history, community spirit, and playful energy while providing practical tools to support your important work in Knottingley.