Services Page PRD Web Dev Path Document

[dami-boy]

Services Page Design - Web Dev Path

Focus: Nonprofits & Early-Stage Enterprises

Date: 18th July 2025

Last Updated:

1. Executive Summary

Web Dev Path connects early-career tech professionals with real-world project experience by delivering community-built digital solutions for nonprofits, NGOs, social enterprises, and early-stage mission-driven startups.

This Services Page will communicate what we do, who we serve, and how to engage with us, targeted at resource-constrained but mission-driven teams who need web, product, or design support and are open to collaborating with volunteer contributors.

2. Audience Profile

Primary Audience:

• Nonprofits, Charities & NGOs (small to mid-size)
• Early-Stage Social Enterprises (pre-seed to seed stage)
• Grassroots Community Initiatives
• Educational, Health, e-Commerce, Finance, Youth Development Projects
  Secondary Audience:
• Philanthropic organisations evaluating partners for grants
• CSR team exploring meaningful volunteer placement
• Partners (incubators, accelerators, university programs)

3. Service Categories

Core Service Areas

• Website Design & Development
• UI/UX Design
• Product Management
• Low-Code Solutions
• Technical Writing & Documentation
• Web Accessibility Improvements
• Social Media Management
  Sector-Specific Services
• Nonprofits & NGOs
  • Mission-aligned websites (donation portals, volunteer sign-up, etc.)
  • Campaign reporting dashboards (visualised in tools like Power BI, Tableau)
  • Even platforms or RSVP forms
• Education & Youth Empowerment
  • LMS platforms, online course portals, etc
  • Educational microsites or knowledge bases
  • Career pathway and mentor match-making apps
• Healthcare & Wellness
  • Clinic/hospital websites with serve directories and appointment booking
  • Healthcare education platforms and symptom guides
  • Telemedicine (consultation, therapy, etc.)
• Civic Tech/Community Building
  • City info platforms, community bulletin boards
  • Petition or engagement websites
• Arts & Culture
  • Artist portfolios, museum websites, or gallery platforms
  • Event calendars and donation-friendly e-commerce
  • Podcast/blog setup for cultural storytelling

4. How We Work

• Project Request - You fill out a form to tell us your needs
• Needs Discovery - We meet to clarify goals, team needs, and feasibility
• Internal Agreement - We decide if your project aligns with our goals
• Team Matching - Volunteers (designers, PMs, developers) are assigned
• Build & Deliver - Sprints with regular check-ins and demos
• Handoff & Documentation - You get full access and documentation
• Maintenance Service - We maintain your infrastructure (coming soon)

5. Page Structure & Features

• Hero Section
  • Headline
  • Sub
  • CTA
• What We Offer
  • Tabs or filters by category/sector (Nonprofits, NGOs, etc.)
  • Cards for each service (icon, description, example use case)
• Who It’s For
  • Persona-based blurbs:
    • “You’re a nonprofit director with a PDF newsletter and no website.”
    • “You run a youth-led climate org and need a campaign page.”
    • “You’re launching a co-op and need a digital tool to organise members.”
• How It Works
  • 7-step visual flow
• Case Snapshots
  • Mini case studies with visuals:
    • Before/After screenshots
    • Volunteer profiles
    • “What We Built” and “Why It Mattered”
• FAQs
• Final CTA Section

6. Success Criteria

• Visitors can easily understand what services are available and whether they qualify
• Early-stage organisations can envision collaborations and take action via contact forms
• Web Dev Path maintains clarity on what it offers and how
• Enhanced credibility and traction for mission-driven project acquisition

7. Timeline - to be discussed

• Content Discovery
• Wireframes
• Design
• Development
• QA and Launch
• Review and Iterate

8. Next Steps

• Approve service classification and tone
• Finalise intake form content
• Begin wireframe and copywriting in parallel
• Identify case study partners

[briangesteban]

I would just like to add up to what I've suggested on our last meeting, regarding the page structure; Instead of having two(multiple) hero section, it's better to just update our current hero section on our home page. This way, we are passively promoting our Services Page as the call-to-action(CTA) could be link to our Services Page directly, and this will make the Services Page be viewed as part of the whole website, rather than looking like a microsite.

Additionally, we could make it something like what freelancing websites(Upwork, Fiverr, etc.) have. Where there's a toggle to shift the view, either for freelancers or employers. This way we could have two different call-to-action(CTA), one for people interested to join our team, and one for our target audience (NGOs, Partners, etc.)

[mariana-caldas]

I would just like to add up to what I've suggested on our last meeting, regarding the page structure; Instead of having two(multiple) hero section, it's better to just update our current hero section on our home page. This way, we are passively promoting our Services Page as the call-to-action(CTA) could be link to our Services Page directly, and this will make the Services Page be viewed as part of the whole website, rather than looking like a microsite.

Additionally, we could make it something like what freelancing websites(Upwork, Fiverr, etc.) have. Where there's a toggle to shift the view, either for freelancers or employers. This way we could have two different call-to-action(CTA), one for people interested to join our team, and one for our target audience (NGOs, Partners, etc.)

Hey Brian :) ,

Do you mean adding a "Our Services" link to the Homepage linking to a new "/our-services/" page that contains a Hero following the same format we already have for the other pages? If so, I like this simple approach.
We are trying to leverage our current structure to provide the best UX for promoting our services without overthinking the approach. Does it make sense @briangesteban and @sergiojramirez ?