Freelance Design Engineer

Mass Culture; United States; Hybrid; USD 69,000 - 138,000; Part time

Benefits offered by this job

Remote work

Job summary

Mass Culture is seeking a part-time engineer to build features end-to-end in our client portal and reports tools. You’ll work on dashboards, widgets, and admin editors, while aligning with a data‑driven design system and AI-assisted tooling.

You should bring strong React and TypeScript skills, Next.js App Router experience, and a portfolio or repo. Remote, flexible hours, and ongoing engagement are offered.

Qualifications

• Strong React and TypeScript with Next.js App Router experience.
• Comfort with SQL and relational data modeling.
• Portfolio or repo demonstrating prior work.
• Ability to work independently in a complex codebase.
• Clear written communication and reliable part-time availability.

Responsibilities

• Build client-facing surfaces like dashboards and reports end to end.
• Develop admin surfaces such as plan editors and configuration panels.
• Handle data plumbing: Postgres schema, migrations, and API connectors.
• Polish existing features and ensure design-system consistency.

Skills

React

TypeScript

Next.js

App Router

SQL

PostgreSQL

Supabase

Data modeling

Portfolio

Tools

SQL

PostgreSQL

Supabase

Job description

Mass Culture is a paid media agency and growth partner for mission‑driven scale‑up brands. We build and run our own client portal: the product our clients log into to see their media plans, budget pacing, cross‑channel performance, and the reports we deliver.

We're looking for a part‑time engineer to build features in it end to end, and to make them look as good as they work.

What You'll Build

• Client‑facing surfaces: dashboards, widgets, charts, and the report and deck builders. This is what clients see and react to, and it carries the agency's credibility.
• Admin surfaces: the widget builder, plan editor, pacing tools, and configuration panels our team uses every day.
• The data plumbing a feature needs: Postgres schema and migrations, server actions, and connector work against ad‑platform APIs.
• Polish passes on surfaces that already work but don't yet feel finished.

The Stack

Layer

What we use

Framework

Data

Styling

Tailwind CSS v4, Radix UI, a token-based design system

Charts

visx

Editors & interaction

Tooling

What We Mean by a Good Eye:

• You can take a rough spec and produce a surface that looks considered, without being handed a mockup.
• You work in the design system rather than around it. Components reference semantic color tokens only, never a raw palette value and never a bare rgba literal, and every dark‑mode token has a light‑mode counterpart. When the system is missing something, you extend the system.
• You notice spacing, alignment, and type hierarchy without being asked, and you care about the difference between 12px and 16px.
• You can make a chart readable, not just correct. Charts are where most of our design problems live.
• You know the difference between a surface that is done and one that is merely working.

How We Work Together:

• Asynchronous and autonomous. You pick up scoped work, build it in a branch, and open a pull request. We review and merge. Nothing merges itself.
• We write things down. Specs, design docs, and house conventions live in the repo. Read them before you fight them.
• Verify your own work. A green test suite is not the bar. We have shipped bugs with a fully green suite, which is why we now expect you to open the page, look at it, and say what you saw.
• This codebase is built heavily with AI coding tools. You are welcome to use them and expected to review what they produce as carefully as you would review your own work. Judgment is the job. Typing isn't.
• Say when something is wrong, including when we are wrong about it.

What We're Looking For:

Required

• Strong React and TypeScript, with real Next.js App Router experience: server components, server actions, and caching behavior.
• Comfort with SQL and relational data modeling. You can write a migration and reason about what a query is actually doing.
• Work you designed as well as built, in a portfolio or a repo we can look at. A few well‑made things beat a long list.
• The ability to work independently in an unfamiliar, opinionated codebase and match its conventions rather than impose your own.
• Clear written communication. Most of our collaboration is text.
• Reliable part‑time availability. Consistency matters more than volume.

Nice to Have:

• Data visualization experience, especially charts built on real, messy data.
• Supabase or Postgres row‑level security experience.
• Experience with analytics, reporting, or BI‑style products.
• Comfort in design tools, though we will not ask you to produce mockups.

Engagement

Part‑time, freelance, remote, and ongoing. Hours and rate are flexible and agreed up front. We start with a small paid scoped project so both sides can find out whether it's a fit before committing to more.

Mass Culture on Inclusion:
We hire great people from a wide breadth of backgrounds, not only because it's the right thing to do, but also because it makes our work, our company and our communities stronger. Mass Culture is committed to creating a diverse environment and is proud to be an equal opportunity employer. All qualified applicants will receive consideration for employment without regard to race, religion, gender, gender identity or expression, sexual orientation, disability, age, veteran status, national origin or any other federal, state or local protected class.

About Mass Culture

Mass Culture is a growth media agency. We help mission‑driven scale‑ups connect brand and performance so they grow faster, more profitably, and with purpose.