Framer Developer: Sortable Data Leaderboard + 3 Calculators (Code Components + Google Sheets)

Other Jobs To Apply

No other job posts for this day.

We run a supply chain consultancy site built in Framer and are adding a Benchmarks Hub: one data leaderboard page and three interactive calculators.

Design system already exists, dataset and formulas are provided, this is a build job for someone strong with Framer code components.

1. The leaderboard: A sortable table of 20 to 30 DTC brands across roughly 7 columns (revenue, margin, growth, inventory days and similar). The data lives in a Google Sheet we maintain, and the same data must also exist as a CMS collection so each brand can have an SEO-indexable detail page.

He up on the constraint before you propose: Framer code components cannot query a CMS collection directly. Your application should briefly explain how you would architect around that so the Sheet, the CMS and the table component stay in sync from one source of truth. This is the screening question. Generic answers that ignore the constraint will not be considered.

2. The calculators: Three calculators: landed cost per unit, stockout cost, and air vs sea freight premium. Pure client-side code components: inputs, live results, and a results panel with a booking CTA button. We provide the exact formulas, fields, defaults and all copy in a written spec.

3. Tracking and polish GA4 events on calculator use and CTA clicks. Mobile responsive. Matches the existing site's styles, tokens provided.

What you get from us: the full spec doc, the Google Sheet, Framer editor access with code permissions, and fast answers, usually same day.

Not in scope: design exploration, backend or auth, CRM or email of any kind.

How we work, read before applying: a 20 to 30 minute video call before hire is a fixed part of our process. If you prefer to work fully async with no call ever, this is not the right job, no hard feelings. Independent freelancers only, no agencies.

To apply: start your proposal with the words "sheet first" so we know you read this. Then: your answer to the architecture question in 3 to 5 sentences, one link to a Framer project where you built a code component using external data, and your earliest start date. Proposals that skip any of these will be skipped in return.

Share Share
Apply Now →