JATAPP needed a new brand and a site to go with it. A lot of that came down to hiring. As Head of Design I ran the rebrand from start to finish, working closely with the CEO and the HR team, who were the people the site was really for.
I designed the new visual identity, built the entire website in Framer, and brought careers operations in-house along the way. Design and build, no handoff. The person who designed it also shipped it.
- Role
- Head of Design
- Stakeholders
- CEO · HR team
- Scope
- Brand · Website · Careers ops
- Built with
- Framer + CMS
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.
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.
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.
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.