Skip to content

Brand redesign

The problem: the site was costing them candidates

The old site worked against the company in two ways.

  • It put applicants off.People would open a vacancy, land on the site, and leave. The dated brand was hurting applications. HR's ask was simple: make people want to apply.
  • It was heavy to run. Applications lived in separate spreadsheets. A dedicated manager passed them between teams, and an outsourced dev team kept the old site running. Every change was slow and went through someone else.

The rebrand

The old identity no longer matched where the company was headed. I rebuilt it from scratch. Logo, colour, and type came together as one consistent system. Here's the reveal, as it shipped to JATAPP's audience:

One system, applied everywhere

This went past restyling a homepage. I tied the whole site together. The same grid, components, and brand rules run across every page, so the product reads as one thing.

  • A shared layout grid that every section snaps to.
  • Reusable components for the nav, hero, feature blocks, cards, and footer.
  • One set of brand rules for colour, type, and spacing, applied the same way everywhere.
jatapp.com homepage with the new brand hero, the 3D logo blocks, and key numbers
jatapp.com products section with the 20+ products headline and floating 3D app icons on the shared grid
jatapp.com careers Refer & earn section, the same brand rules applied to a recruiting page

The system carries past the screen and into the real world too. The team day ran on the same brand. Event design, merch, every detail came from the new identity.

Designed, built, and run in Framer

Because I designed and built it in the same tool, the design system was the production site. Components in Framer were the real components on jatapp.com. Nothing got lost in translation between design and code.

Framer canvas showing the homepage across five breakpoints, with the reusable components and styles library on the left

The bigger win was operational. Careers, blog, and categories run on Framer CMS. Vacancies and applications land where recruiters see them immediately, and HR edits content themselves. They don't touch the design, and they don't wait on an external dev team. The spreadsheet pipeline and the outsourced maintenance contract were gone.

Framer CMS careers, categories, and blog collections powering jatapp.com

What it adds up to

A brand that pulls candidates in instead of turning them away, and a site the company finally runs on its own. One person covered the design, the build, and careers ops from start to finish.

Before
Spreadsheets
application tracking, by hand
Outsourced devs
for every site change
After
Framer CMS
applications visible to HR instantly
In-house
HR edits content, no dev needed

The live site

jatapp.comOpen ↗