PROJECT

Peec AI - Career Page

PROJECT

Peec AI - Career Page

INDUSTRY

AI / SaaS / Hiring

INDUSTRY

AI / SaaS / Hiring

STATUS

Complete

1 page · Ashby integration · Category tab · Maintenance · Live

STATUS

Complete

1 page · Ashby integration · Category tab · Maintenance · Live

THE BRIEF

Added a department filter tab and maintained the FAQ accordion on an existing careers page connected to Ashby.

Added a department filter tab and maintained the FAQ accordion on an existing careers page connected to Ashby.

Added a department filter tab and maintained the FAQ accordion on an existing careers page connected to Ashby.

FRAMER · ASHBY · CUSTOM CODE

THE PROBLEM

A Careers Page That Needed One More Layer.

A Careers Page That Needed One More Layer.

A Careers Page That Needed One More Layer.

ASHBY INTEGRATION · CATEGORY TABS · MAINTENANCE

Peec.ai's careers page was already live and connected to Ashby for job listings. As the team grew across departments, the existing layout needed one addition — a way for candidates to filter roles by team without scrolling through everything. The FAQ accordion also needed ongoing maintenance to stay consistent across breakpoints as the rest of the site evolved.

THE SOLUTION

Department Filter Tab

Department Filter Tab

Department Filter Tab

Added a category tab to the existing job listing section — filtering roles by department: Customer Experience, Engineering, Finance, Growth, Product, Sales, HR. The tab plugs into the existing Ashby connection. The hiring team adds a role in Ashby with the right department tag and it appears under the correct filter automatically.

FAQ Accordion Maintenance

Maintained the FAQ accordion component across breakpoints — fixing category highlighting and layout inconsistencies as new content was added. The component runs across multiple pages on the Peec.ai site, so changes had to be tested carefully to avoid breaking anything outside the careers page.

VISUAL SYSTEM & OUTPUT

Adding Without Breaking

Adding Without Breaking

Adding Without Breaking

Working on an existing live page means every change carries risk. The tab addition had to slot into the current design without touching the Ashby integration underneath it. Maintenance work here was about keeping something running well — not rebuilding it.

PERKS WORKING AT PEEC.AI

Peec AI - Career Page: Perks working at peec.ai

PERKS WORKING AT PEEC.AI

Peec AI - Career Page: Perks working at peec.ai

CATEGORY TAB FILTER — ACTIVE STATE

Peec AI - Career Page: Category tab filter — active state

CATEGORY TAB FILTER — ACTIVE STATE

Peec AI - Career Page: Category tab filter — active state

CATEGORY TAB FILTER — ACTIVE STATE

Peec AI - Career Page: Category tab filter — active state

ALL JOBS TAB

Peec AI - Career Page: All jobs tab

ALL JOBS TAB

Peec AI - Career Page: All jobs tab

ALL JOBS TAB

Peec AI - Career Page: All jobs tab

WHY IT MATTERS

The Hiring Team Manages Roles. Not the Website.

The Hiring Team Manages Roles. Not the Website.

The Hiring Team Manages Roles. Not the Website.

New positions go live on the site the moment they're posted in Ashby. The category filter gives candidates a clean way to find relevant roles across a growing team. One less reason to involve a developer in the hiring process.

0
100
200
300
400
500
600
700
800
900
1000
1100

Everything new in Framer, monthly.

Product updates, fresh templates & components, and Berlin Framer meetups — one email a month, no spam.

Frequently Asked Questions

Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.

Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.

Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.

Absolutely. I offer monthly retainers for high-growth brands that need continuous updates, new landing pages, and ongoing performance optimisation. Priority availability, ongoing Framer support, and a dedicated expert in your corner.

Frequently Asked Questions

Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.

Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.

Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.

Absolutely. I offer monthly retainers for high-growth brands that need continuous updates, new landing pages, and ongoing performance optimisation. Priority availability, ongoing Framer support, and a dedicated expert in your corner.

Frequently Asked Questions

Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.

Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.

Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.

Absolutely. I offer monthly retainers for high-growth brands that need continuous updates, new landing pages, and ongoing performance optimisation. Priority availability, ongoing Framer support, and a dedicated expert in your corner.

0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100