Website Development Proposal

Prepared for: [Client Name or Generic Client]

Project Overview
The objective is to develop a dynamic website with an admin panel to manage content for the
Home, About Us, Contact Us, Schedule a Visit, Enroll Now, and Gallery pages. The Home page
requires a robust system to dynamically manage all sections, add new pages with header links
(e.g., “After-School Activities” or “Reading Programs”) This extensive functionality
significantly expands the project scope, increasing development costs. The remaining pages
allow content and image revisions, form management, and a categorized gallery.

Scope of Work
1. Home Page:
o Dynamic sections (e.g., hero, features, testimonials) editable via admin panel.
o Create new pages (e.g., “After-School Activities”) with automatic header links.
o Note: This vast system requires custom development, increasing costs due to
complexity.
o Add, remove, or modify sections within pages, including text and images.
2. About Us Page:
o Dynamic page with editable text and image sections.
o WYSIWYG editor for content revisions.
o Image upload support.
3. Contact Us Page:
o Dynamic page with editable text and image sections.
o Contact form (name, email, message, file uploads).
o Admin content updates.
4. Schedule a Visit Page:
o Dynamic page with editable text and image sections.
o Form for scheduling visits (date, time, purpose).
o Admin content updates.
5. Enroll Now Page:
o Dynamic page with editable text and image sections.
o Customizable enrollment form (student details, program selection).
o Form revisions and submission storage.
o Admin access to manage submissions.
6. Gallery Page:
o Dynamic gallery with add/remove/update image functionality.
o Categorization by activity, date, or class.
o Plugin-based management (e.g., Envira Gallery).
 o Admin controls for uploads and organization.

Technical Approach
 Platform: WordPress CMS.
 Frontend: Custom theme with HTML, CSS, JavaScript, Tailwind CSS.
 Backend: PHP, MySQL, XAMPP for local development.
 Home Page Features: Advanced Custom Fields (ACF) Pro or Elementor Pro for section
management, custom post types for pages, dynamic navigation updates.
 Admin Panel: WordPress dashboard with custom post types and form plugins.
 Image Handling: WordPress media library with categorization.
 Security: SSL, sanitized inputs, admin authentication.
 SEO: Basic on-page SEO with Yoast SEO.

Cost Estimate
Rate Cost
Task Description Hours
(ETB/hr) (ETB)
Requirements analysis, wireframing,
Project Planning 30 9,000 270,000
strategy
Custom theme, responsive layouts for 6
UI/UX Design 60 9,600 576,000
pages
Frontend
HTML, CSS, JavaScript, Tailwind CSS 80 8,400 672,000
Development
Backend
Custom post types, MySQL 70 9,600 672,000
Development
Home Page Dynamic sections, new page creation,
100 10,200 1,020,000
Development navigation updates
Form Development Contact, Schedule, Enroll Now forms 40 9,000 360,000
Gallery Development Dynamic gallery with categorization 40 9,000 360,000
Content Setup Initial content and image uploads 25 7,200 180,000
Testing & QA Cross-browser, mobile, form validation 40 7,800 312,000
SEO Setup Meta tags, alt text, Yoast setup 20 8,400 168,000
Admin training for WordPress and
Training 15 7,200 108,000
dynamic features
Total 520 4,626,000

Additional Costs (Annual, in ETB):

 Domain Name: 1,200–1,800/year

Note: The Home page’s dynamic system adds significant complexity, increasing costs by
approximately 2,256,000 ETB over a standard CMS setup due to custom development.

Assumptions
 Client provides initial content and images; additional content creation incurs extra costs.
 XAMPP used for development; production on third-party hosting.
 Supports up to 1,000 monthly visitors; higher traffic may require upgraded hosting.
 Basic SEO included; advanced SEO/marketing separate.
 Home page assumes up to 10 custom sections and unlimited pages.

Deliverables
 WordPress website with 6 dynamic pages.
 Admin panel for content, image, section, and page creation.
 Customizable forms with submission management.
 Categorized gallery with admin controls.
 Responsive design.
 Basic SEO setup and admin training.
 Documentation for CMS usage.

Next Steps
1. Approve proposal.
2. Schedule kickoff meeting.
3. Begin wireframing and design.
4. Conduct QA and client review.
5. Deploy to production hosting.
6. Provide admin training.

Contact Information
[Your Company Name]
[Your Email]
[Your Phone Number]
[Your Website]