Web Designer

Front-End Developer — Civic Tech Landing Page (React/Next.js, Dark Mode, Data Viz) Job Description CivicQ is a nonpartisan civic information platform, voting records, bill activity, and public statements pulled directly from official sources. No spin. Just the record. We need an expert US-based front-end developer to build the public-facing home page at civicq.org. The platform already exists on staging with a dark-mode design system; you're extending it, not starting from scratch. All copy is written and final. Every word, headline, CTA, and layout instruction is provided in a structured drop-in document. You're building to spec. What You're Building A 10-section landing page with sticky navigation: 1. Hero with video thumbnail + primary/secondary CTAs 2. Problem statement (single-column text) 3. Feature card grid (2×2, with LIVE / IN DEVELOPMENT status pills) 4. Scoring methodology with a custom data visualization (6-dimension weighted chart) 5. Honest status disclosure (two-column live vs. in-development) 6. Organization Hub section with wireframe mockup + email capture 7. Fundraising module with funds breakdown graphic + GoFundMe CTA 8. Partners / Press / Orgs ,three-column card section 9. Feedback banner + footer 10. Sticky nav with anchor links + existing search/auth Plus one additional page: civicq.org/methodology (content provided). Key Requirements - React or Next.js, integrated with existing staging environment - Dark-mode design system matched precisely — not redesigned - Fully responsive (390px mobile / 1440px desktop) - Lighthouse 85+ on mobile - Three custom data visualizations (coded SVG or Recharts/D3): - Six-dimension scoring chart (weighted bar or donut) - $75K funds breakdown graphic - Organization Hub wireframe mockup - Email capture form (Mailchimp/ConvertKit) with CSV backup - Analytics install (Plausible or Fathom preferred) - WCAG 2.1 AA accessibility What's Provided Final copy document with section-by-section designer notes Logo and brand assets (wordmark, color palette, typography) Existing staging site with dark-mode design system Scoring methodology document Pre-launch checklist with all blocking items flagged Budget & Timeline $3,500 – $5,000 fixed price · Milestone payments welcome Timeline: 2–4 weeks from project start · Hard launch dependency (GoFundMe campaign) Location: US-based developers strongly preferred To Apply Include in your proposal: 1. Your portfolio 2. Your timeline estimate 3. Your approach to the three custom graphics (build yourself or need designer assets?) 4. Fixed price bid Proposals without portfolio links will not be reviewed. Skills: React.js · Next.js · JavaScript · Tailwind CSS · Data Visualization · Responsive Web Design · Landing Page Design · Front-End Development CivicQ is a nonpartisan civic information platform. Not affiliated with any political party, campaign, or candidate.