diff --git a/docs/community/volunteer-talent-roadmap.md b/docs/community/volunteer-talent-roadmap.md new file mode 100644 index 0000000..fb6746a --- /dev/null +++ b/docs/community/volunteer-talent-roadmap.md @@ -0,0 +1,113 @@ +# Syntax & Sips Community Talent Program + +This playbook captures the roles, requirements, and rollout plan for activating volunteer and internship contributors ahead of a full product launch. It is designed to help us publish opportunities quickly, onboard motivated community members, and keep feedback loops tight so that the product grows alongside its audience. + +## Program Objectives + +- Build a consistent publishing and engagement cadence across social, blog, and community channels. +- Create a clear runway for aspiring contributors to plug in, learn, and ship value alongside the core team. +- Capture product feedback directly from the community to sharpen positioning, UX, and roadmap priorities. + +## Core Volunteer & Internship Tracks + +Each listing below is ready to copy into job boards, Discord announcements, or social posts. Keep the commitment expectations transparent so contributors can self-select the right fit. + +### 1. Social Media Storyteller (Volunteer / Internship) +- **Mission:** Grow Syntax & Sips awareness across Instagram, LinkedIn, Twitter/X, and emerging creator platforms. +- **What they do:** + - Draft 3–5 weekly posts, thread outlines, and storyboards aligned with the brand voice. + - Collaborate with the design pod on visuals, motion snippets, and carousel treatments. + - Monitor comments/DMs, collect qualitative insights, and flag audience questions worth turning into content. +- **Requirements:** + - Confident writing voice, especially for short-form social copy. + - Experience with scheduling tools (Buffer, Later, Hootsuite) and basic analytics dashboards. + - Bonus: familiarity with video editing tools (CapCut, Descript) and caption accessibility best practices. +- **Time commitment:** 4–6 hours per week, weekly async stand-up with marketing lead. +- **Success metrics:** Follower growth, engagement rate, and content-to-signup attribution (UTM links). + +### 2. Editorial Blogger (Volunteer / Fellowship) +- **Mission:** Publish long-form articles, interviews, and explainers that reflect community perspectives. +- **What they do:** + - Pitch article ideas using the contributor brief template. + - Draft and revise MDX articles with editor feedback. + - Participate in monthly editorial salons to review analytics and prioritize next stories. +- **Requirements:** + - Portfolio of blog posts, essays, or technical documentation. + - Comfortable collaborating in Notion/Google Docs and shipping via Git or CMS workflows. + - Bonus: experience hosting podcasts or livestreams to repurpose articles into multimedia formats. +- **Time commitment:** 1 article every 4–6 weeks, 6–8 hours per piece including editing cycles. +- **Success metrics:** Published article count, average read time, community shares/comments. + +### 3. Developer Experience Contributor (Volunteer / Internship) +- **Mission:** Support the product team with front-end experiments, component polish, and DX improvements. +- **What they do:** + - Pair with maintainers on bite-sized issues labelled "good first brew" in GitHub. + - Prototype interactive widgets, dashboards, or gamification features in sandbox branches. + - Document implementation notes and create Loom walk-throughs for the community. +- **Requirements:** + - Familiar with Next.js, TypeScript, Tailwind CSS, and Git workflows. + - Understanding of accessibility standards (WCAG 2.1) and testing basics (Vitest/Playwright). + - Bonus: exposure to Supabase, Vercel analytics, or UI motion libraries (Framer Motion). +- **Time commitment:** 5–8 hours per week, bi-weekly pairing session or office hours. +- **Success metrics:** Merged PRs, issue throughput, quality feedback from maintainers, DX documentation shipped. + +### 4. Community Producer (Volunteer) +- **Mission:** Keep the Discord/online community lively with events, prompts, and feedback rituals. +- **What they do:** + - Program a weekly content calendar (AMAs, build-in-public threads, co-working sessions). + - Facilitate onboarding for new members and route feedback to the product/supabase backlog. + - Summarize community sentiment in a monthly "brew report" for leadership. +- **Requirements:** + - Experience moderating online spaces or running community programs. + - Strong empathy and conflict-resolution skills, plus familiarity with Discord/Slack automation. + - Bonus: comfort hosting live streams or Twitter Spaces. +- **Time commitment:** 3–5 hours per week. +- **Success metrics:** Event attendance, retention of new members, number of actionable feedback items logged. + +### 5. Partnerships & Sponsorship Scout (Volunteer) +- **Mission:** Build relationships with tool vendors, educators, and creators for cross-promotion and sponsorship opportunities. +- **What they do:** + - Research aligned brands and maintain a lead tracker. + - Draft outreach emails and pitch decks highlighting Syntax & Sips audience value. + - Coordinate with marketing to deliver on sponsor activations. +- **Requirements:** + - Comfortable with outreach, copywriting, and light CRM updates (Airtable/Notion). + - Understanding of marketing metrics (CTR, CPM) and value propositions for developer audiences. + - Bonus: experience negotiating partnership agreements. +- **Time commitment:** 3–4 hours per week. +- **Success metrics:** Number of qualified conversations, signed collaborations, sponsorship revenue or in-kind support. + +## Recruiting & Onboarding Workflow + +1. **Publish listings:** Post each opportunity on the website (see `/community/opportunities`), Discord, LinkedIn, and indie job boards. +2. **Collect interest:** Drive everyone to the shared Google Form at [https://forms.gle/5MNg3oKqSdpZt1oX8](https://forms.gle/5MNg3oKqSdpZt1oX8) that captures role preference, availability, and portfolio links. +3. **Triage submissions:** Community Producer or marketing lead reviews weekly, shortlists candidates, and schedules intro calls. +4. **Starter kit:** Send accepted contributors a Notion workspace with brand voice guide, file templates, and expected cadences. +5. **First sprint:** Pair each contributor with a mentor for their first deliverable. Share a 30-day roadmap so expectations are clear. +6. **Feedback loop:** After each deliverable, capture retrospectives and publish highlights in community channels to celebrate wins. + +## Roadmap to Activate the Program + +| Phase | Timeline | Focus | Key Activities | Owner | +| --- | --- | --- | --- | --- | +| **Phase 0 – Prep** | Week 0 | Infrastructure | Finalize Google Form, update `/community/opportunities`, refresh brand voice docs. | Core Team | +| **Phase 1 – Recruit** | Weeks 1–2 | Awareness | Launch announcement blog + social blitz, DM high-potential community members, host AMA. | Marketing & Community | +| **Phase 2 – Onboard** | Weeks 3–4 | Enablement | Run kickoff session, assign mentors, ship starter kits, schedule first deliverables. | Program Lead | +| **Phase 3 – Ship** | Weeks 5–8 | Execution | Track deliverables in Notion board, hold weekly stand-ups, spotlight shipped content. | Role Mentors | +| **Phase 4 – Scale** | Week 9+ | Optimization | Review metrics, fill gaps with new roles (e.g., video editor), refine SOPs, explore stipends. | Leadership | + +## Feedback & Continuous Improvement + +- Embed the Google Form link in `/community/opportunities` plus community server channels so members can submit ideas anytime. +- Offer a quarterly community survey capturing NPS, feature requests, and event preferences. +- Hold monthly retro with volunteer leads to review metrics, surface blockers, and plan experiments. +- Document learnings in `docs/community` to keep future contributors aligned. + +## Communication Cadence + +- **Weekly:** Async update thread covering highlights, blockers, and upcoming tasks. +- **Bi-weekly:** Mentor office hours for live troubleshooting. +- **Monthly:** Community town hall with demos, shout-outs, and roadmap preview. +- **Quarterly:** Leadership review of volunteer impact, retention, and conversion to paid roles. + +Adopt this playbook as a living document—update role descriptions, commitments, and metrics as the community grows and the product matures. diff --git a/src/app/community/opportunities/page.tsx b/src/app/community/opportunities/page.tsx new file mode 100644 index 0000000..b19e5ff --- /dev/null +++ b/src/app/community/opportunities/page.tsx @@ -0,0 +1,422 @@ +import type { Metadata } from 'next'; +import type { LucideIcon } from 'lucide-react'; +import { + CalendarClock, + ClipboardList, + Megaphone, + PenTool, + Sparkles, + Users, +} from 'lucide-react'; +import { + PageShell, + PageHero, + ContentSection, + CtaButton, +} from '@/components/ui/PageLayout'; + +const volunteerFormUrl = 'https://forms.gle/5MNg3oKqSdpZt1oX8'; + +type OpportunityTrack = { + title: string; + icon: LucideIcon; + mission: string; + commitment: string; + responsibilities: string[]; + essentials: string[]; + niceToHave?: string[]; + successIndicators: string[]; +}; + +const opportunityTracks: OpportunityTrack[] = [ + { + title: 'Social Media Storyteller', + icon: Megaphone, + mission: + 'Amplify Syntax & Sips across Instagram, LinkedIn, Twitter/X, and emerging creator platforms with on-brand storytelling.', + commitment: '4–6 hours per week · Weekly async sync with marketing lead', + responsibilities: [ + 'Draft 3–5 weekly posts, threads, and storyboards tailored to priority channels.', + 'Partner with design on visuals, motion snippets, and caption accessibility.', + 'Monitor comments/DMs, capture community insights, and route questions to the content backlog.', + ], + essentials: [ + 'Confident writing voice for short-form and carousel-style copy.', + 'Experience using scheduling/analytics tools such as Buffer, Later, or Hootsuite.', + 'Comfort interpreting engagement metrics and iterating based on performance.', + ], + niceToHave: [ + 'Video editing familiarity (CapCut, Descript) for reels and shorts.', + 'Prior work on brand voice or social playbooks for startups or creator collectives.', + ], + successIndicators: [ + 'Follower and subscriber growth on priority platforms.', + 'Engagement rate uplift (saves, shares, comments) week over week.', + 'Attribution of social posts to newsletter sign-ups or community joins via UTM tracking.', + ], + }, + { + title: 'Editorial Blogger', + icon: PenTool, + mission: + 'Ship long-form articles, interviews, and explainers that showcase community perspectives and practical build notes.', + commitment: '1 article every 4–6 weeks · 6–8 hours per piece including revisions', + responsibilities: [ + 'Pitch article ideas aligned to roadmap themes using the contributor brief template.', + 'Draft MDX posts, incorporate editor feedback, and collaborate on visuals or embeds.', + 'Participate in monthly editorial salons reviewing analytics and ideating future stories.', + ], + essentials: [ + 'Portfolio of blog posts, essays, or technical documentation.', + 'Ability to collaborate asynchronously in Notion or Google Docs and ship via Git-based workflows.', + 'Understanding of inclusive language, accessibility, and proper sourcing.', + ], + niceToHave: [ + 'Podcast or livestream hosting experience to repurpose written work.', + 'Comfort interviewing community members and synthesizing qualitative insights.', + ], + successIndicators: [ + 'Published articles and editorial calendar coverage across focus topics.', + 'Average read time, scroll depth, and qualitative feedback from readers.', + 'Community shares, reposts, or discussion threads sparked by each story.', + ], + }, + { + title: 'Developer Experience Contributor', + icon: Sparkles, + mission: + 'Improve front-end polish, interactive components, and overall developer experience of the Syntax & Sips platform.', + commitment: '5–8 hours per week · Bi-weekly pairing or office hours with maintainers', + responsibilities: [ + 'Tackle "good first brew" issues and help maintain component consistency.', + 'Prototype gamification widgets or dashboard experiments in feature branches.', + 'Document implementation notes and create Loom walkthroughs for the community.', + ], + essentials: [ + 'Working knowledge of Next.js, TypeScript, Tailwind CSS, and Git workflows.', + 'Commitment to accessibility (WCAG 2.1) and basic testing via Vitest or Playwright.', + 'Comfort reading product specs and collaborating with design/PM partners.', + ], + niceToHave: [ + 'Experience with Supabase, Vercel analytics, or experiment frameworks.', + 'Familiarity with animation libraries like Framer Motion or GSAP.', + ], + successIndicators: [ + 'Merged pull requests and decreased backlog of DX issues.', + 'Positive maintainer reviews and reduced QA feedback loops.', + 'New documentation, Storybook entries, or Loom demos shipped for each feature.', + ], + }, + { + title: 'Community Producer', + icon: Users, + mission: + 'Design rituals, prompts, and events that keep Discord and community spaces active and welcoming.', + commitment: '3–5 hours per week · Monthly retro with community lead', + responsibilities: [ + 'Program a weekly calendar of AMAs, co-working sessions, and build-in-public prompts.', + 'Onboard new members, moderate conversations, and channel feedback to the product backlog.', + 'Publish a monthly "brew report" summarising sentiment, wins, and experiment ideas.', + ], + essentials: [ + 'Experience moderating online communities or running grassroots programs.', + 'High empathy, inclusive facilitation, and conflict resolution skills.', + 'Familiarity with Discord/Slack automation and event tooling (Luma, Bevy).', + ], + niceToHave: [ + 'Comfort hosting livestreams, Twitter Spaces, or other real-time formats.', + 'Knowledge of community analytics (retention, participation rate).', + ], + successIndicators: [ + 'Attendance and retention for flagship events.', + 'Number of actionable feedback items logged for the product/design team.', + 'Sentiment trends and community health metrics quarter over quarter.', + ], + }, + { + title: 'Partnerships & Sponsorship Scout', + icon: ClipboardList, + mission: + 'Source collaborations with tool vendors, educators, and creators that expand reach and unlock resources.', + commitment: '3–4 hours per week · Bi-weekly check-in with marketing lead', + responsibilities: [ + 'Research aligned partners and maintain a living outreach tracker.', + 'Draft pitch decks, outreach emails, and sponsorship packages tailored to prospect goals.', + 'Coordinate handoffs so activations land smoothly across content, events, and social.', + ], + essentials: [ + 'Confidence crafting outreach copy and updating lightweight CRMs (Airtable/Notion).', + 'Understanding of marketing metrics (CTR, CPM) and developer audience value props.', + 'Organised, follow-through oriented, and comfortable in async collaboration.', + ], + niceToHave: [ + 'Experience negotiating agreements or supporting brand partnerships.', + 'Network across dev tooling, education, or indie creator ecosystems.', + ], + successIndicators: [ + 'Qualified conversations started and partnership pipeline velocity.', + 'Signed collaborations or sponsorship commitments (cash or in-kind).', + 'Partner satisfaction scores and repeat activations.', + ], + }, +]; + +const onboardingFlow = [ + { + title: 'Share your focus', + description: + 'Complete the short application form with role interest, availability, and portfolio links so we can match you quickly.', + }, + { + title: 'Meet the crew', + description: + 'A community producer schedules a 20-minute intro call or async DM to align on goals, expectations, and first deliverables.', + }, + { + title: 'Grab the starter kit', + description: + 'Accepted contributors receive access to the Notion workspace, brand voice guide, templates, and milestone calendar.', + }, + { + title: 'Launch your first sprint', + description: + 'We pair you with a mentor, scope a 30-day plan, and schedule regular touchpoints to keep momentum high.', + }, +]; + +const roadmapPhases = [ + { + phase: 'Phase 0 — Prep', + timeline: 'Week 0', + focus: 'Infrastructure & Assets', + activities: [ + 'Publish this opportunity hub and update navigation links.', + 'Finalise Google Form questions, confirmation emails, and CRM pipeline.', + 'Refresh brand voice, social templates, and onboarding documentation.', + ], + }, + { + phase: 'Phase 1 — Recruit', + timeline: 'Weeks 1–2', + focus: 'Awareness & Sourcing', + activities: [ + 'Ship announcement blog, newsletter spotlight, and cross-platform social blitz.', + 'Host a live AMA or community town hall introducing the program.', + 'Personally invite high-signal community members and partners.', + ], + }, + { + phase: 'Phase 2 — Onboard', + timeline: 'Weeks 3–4', + focus: 'Enablement & Pairing', + activities: [ + 'Run kickoff workshop covering rituals, deliverable expectations, and success metrics.', + 'Assign mentors and match each contributor to a scoped first project.', + 'Set up shared Notion board to track deliverables and provide feedback loops.', + ], + }, + { + phase: 'Phase 3 — Ship', + timeline: 'Weeks 5–8', + focus: 'Execution & Momentum', + activities: [ + 'Hold weekly async updates or stand-ups to surface blockers.', + 'Spotlight shipped work in the community and newsletter to celebrate contributors.', + 'Collect qualitative feedback from audiences and feed insights into the roadmap.', + ], + }, + { + phase: 'Phase 4 — Scale', + timeline: 'Week 9+', + focus: 'Optimisation & Growth', + activities: [ + 'Review metrics, contributor retention, and role coverage gaps.', + 'Introduce advanced roles (video editor, curriculum architect) or stipends as needed.', + 'Package learnings into docs/community playbooks and share with leadership.', + ], + }, +]; + +const feedbackLoops = [ + 'Embed the Google Form link across Discord channels, newsletters, and social bios for always-on feedback.', + 'Run a quarterly community survey capturing NPS, top feature requests, and content preferences.', + 'Publish a monthly "brew report" summarising wins, metrics, and upcoming experiments.', + 'Host mentor office hours twice a month for real-time troubleshooting and coaching.', + 'Log actionable insights directly into the product backlog so roadmap priorities stay community-informed.', +]; + +export const metadata: Metadata = { + title: 'Community Opportunities | Syntax & Sips', + description: + 'Discover volunteer and internship opportunities across content, community, and product tracks — plus the roadmap to activate the program.', +}; + +export default function CommunityOpportunitiesPage() { + return ( + + + Apply via Google Form + + + Browse contributor guides + + + } + /> + } + > + +
+ {opportunityTracks.map((track) => ( +
+
+
+ + +
+

{track.title}

+

{track.mission}

+
+
+

+ {track.commitment} +

+
+ +
+
+

Responsibilities

+
    + {track.responsibilities.map((responsibility) => ( +
  • {responsibility}
    • + ))} +
+
+
+

Essentials

+
    + {track.essentials.map((requirement) => ( +
  • {requirement}
    • + ))} +
+ {track.niceToHave ? ( +
+
Bonus skills
+
    + {track.niceToHave.map((bonus) => ( +
  • {bonus}
    • + ))} +
+
+ ) : null} +
+
+ +
+

What success looks like

+
    + {track.successIndicators.map((indicator) => ( +
  • {indicator}
    • + ))} +
+
+
+ ))} +
+ + + +
+ {onboardingFlow.map((step, index) => ( +
+ + {index + 1} + +

{step.title}

+

{step.description}

+
+ ))} +
+
+

+ Questions before you apply? Drop into the #community-intros channel or email hello@syntaxandsips.com and we will pair you with a mentor. +

+ + Fill out the form + +
+ + + +
+ {roadmapPhases.map((phase) => ( +
+
+
+

{phase.timeline}

+

{phase.phase}

+
+
+

{phase.focus}

+
    + {phase.activities.map((activity) => ( +
  • {activity}
    • + ))} +
+
+ ))} +
+ + + + + + + ); +} diff --git a/src/lib/navigation.ts b/src/lib/navigation.ts index f808c99..979bc75 100644 --- a/src/lib/navigation.ts +++ b/src/lib/navigation.ts @@ -103,6 +103,12 @@ export const navigationCategories: NavigationCategory[] = [ description: 'Partner with Syntax & Sips to publish long-form pieces and shows once you join the contributor roster.', }, + { + label: 'Community Opportunities', + href: '/community/opportunities', + description: + 'Browse volunteer, internship, and partnership tracks designed to grow Syntax & Sips together.', + }, { label: 'Apply as a Contributor', href: '/apply/author',