Nigeria Police Body Cam Awareness Platform Development

Client / Project: Nigeria Police Body Cam Awareness Platform Role: UX Architect · Prompt Engineer · Front‑end Developer · Content Strategist Tools: Figma, React, OpenAI GPT‑4, Adobe Suite

The platform aims to educate the public about Nigeria’s emerging body camera initiative, highlighting its legal context, benefits (e.g., accountability, evidence), and challenges (like funding, data security). The goal: transform complex topics into accessible, trustworthy web content, blending strong UX, interactive visuals, and AI-generated narrative.

Conducted stakeholder interviews to define user types: journalists, advocates, and citizens.

Built a site map: Home, Policy Context, Impact Stories, FAQs, Tech & Data Flow, Contact.

Designed 8–10 content-rich sections per page, including hero animations, interactive maps, and timeline visuals.

Created responsive wireframes and high-fidelity prototypes in Figma, with clear visual hierarchy and call-to-action flows.

Used GPT‑4 prompt templates to generate:

Automated content updates: scripts periodically regenerate content based on the latest policy or case data.

Developed an elegant, authoritative aesthetic using clean typography, branded colors, and data visualizations.

Designed infographic assets illustrating evidence flow (bodycam → storage → courtroom).

Created icons for policy topics, judicial process, and stakeholder types.

Built the site using Figma Make(Next.js) with static generation and SSR fallback.

Integrated markdown‑driven content pipelines fed by AI‑generated JSON.

Crafted interactive timeline + map components to show rollout plans across Nigerian states.

Ensured accessibility (WCAG 2.1) and mobile responsiveness — optimizing load times for low‑bandwidth contexts.

Delivered a modern, educational platform explaining the body cam initiative in under 4 weeks.

User testing (12 participants) showed:

We saved 20+ hours building via AI.

UX Design: IA, wireframing, Figma prototyping, accessibility

Prompt Engineering: GPT‑4 content pipelines, tone tuning, automated updates

Visual & Branding: icons, infographics, motion UI, storytelling layouts

Development: React/Next.js, markdown workflows, interactive JS components

Content Strategy: storytelling, FAQs, legal summaries, responsive design

Thanks for reading, please drop a like.