PT Argha Karya Prima Industry

Redesigning a manufacturer's website to lead with what actually matters

PT Argha Karya Prima Industry

Redesigning a manufacturer's website to lead with what actually matters

Where research, systems thinking, and visual design come together.

Argha Karya is Indonesia's first flexible packaging film manufacturer — a Southeast Asian leader serving 1,016 brands across food, pharma, and industrial sectors. Their existing website had the right content, but presented it in a way that made a globally significant company look smaller than it is.

COMPANY

PT Argha Karya Prima Industry Tbk

MY ROLE

Sole designer — analysis, redesign, system

INDUSTRY

Flexible packaging manufacturing

Flexible packaging
manufacturing

TOOLS

Figma, Wix

THE PROBLEM

A company producing 110,000 tons of packaging per year — serving over 1,000 brands globally — deserved a website that communicated that weight.

The existing arghakarya.com had structural problems that no amount of visual polish would fix. The information wasn't wrong — it was just organized in a way that created friction instead of trust.

No design system

Inconsistent type, color, and spacing across pages — no visual logic holding it together

Weak hierarchy

Grid and layout undefined — everything competed for attention equally

Unnecessary Flow

The job application flow was broken in a way that hurt both applicants and recruiters

KEY DESIGN DECISIONS

Lead with sustainability, not just products

Argha's "Going Zero to Be Hero" green packaging initiative is one of their most strategically important stories — but the original site buried it. The redesign elevates sustainability as a primary navigation item and homepage section, because it's exactly what enterprise buyers and investors want to see first.

Build a design system, not just a redesigned page

The original site was built page by page, with no shared visual logic. Every section had its own rules. The redesign started with a system — defined type scale, spacing units, color tokens, and component patterns — so the site can grow without falling apart.

Remove the location page — put it in the footer

A dedicated page for office locations creates unnecessary navigation depth. Four offices (Jakarta, Bogor, Malaysia, New York) are shown directly in the footer with linked Google Maps — so any visitor can find what they need in under two seconds, without leaving the page they're on.

MY ANALYSIS

Before redesigning, I audited the existing site across five dimensions.

Original site — issues found

Color usage inconsistent — no defined palette

Grid & layout undefined — hierarchy unclear

Sharp corners throughout — stiff, cold feel

Images oversized — content gets buried

Location on a separate page — unnecessary friction

No design system — nothing scalable

Redesign — decisions made

Defined color system — consistent, approachable

12-column grid with clear section hierarchy

Rounded corners — warmer, more accessible brand feel

Images right-sized — content leads, visuals support

Location moved to footer with linked Google Maps

Full design system built — scalable across all pages

CAREER FLOW REDESIGN

The job application flow was broken in a way that hurt both applicants and recruiters — just in different ways.

The existing careers page had a critical structural flaw: clicking "apply" on any job listing redirected to a single generic form asking applicants to re-enter their CV details manually — without specifying which role they were applying for. Applicants had to repeat information already on their CV, and recruiters received undifferentiated submissions with no automatic link to a specific vacancy.

Before — broken flow

Step 1

Browse job listings page

Step 2

Click "Apply" on a specific role

Step 3 — the problem

Redirected to ONE generic form for all positions. No role pre-selected. Applicant re-enters everything already on their CV. Recruiter receives submissions with no vacancy link.

Result for recruiter

Manual sorting of untagged submissions across all vacancies

Generic form for all vacancies
No role pre-selection on apply
Applicants re-enter CV data manually
Recruiter sorts all submissions by hand

After — redesigned flow

Step 1

Browse job listings page

Step 2

Click "Apply" on a specific role

Step 3 — the fix

Redirected to a role-specific form with the job title pre-populated. Only relevant fields shown. Applicant uploads CV directly — no manual re-entry of data already on it.

Result for recruiter

Submissions automatically tagged to their vacancy — zero manual sorting

Role-specific page per vacancy
Job title pre-populated on form
CV upload replaces manual re-entry
Submissions auto-tagged to vacancy

REFLECTION

Less structure on the page would make the content feel more substantial, not less

This wasn't just a visual aesthetic changes. The more significant change was for making the complicated flow to be simplify, more human.

Contact us

get in touch

Have a project in mind? Whether you’re launching a brand, designing a product, or elevating your digital presence, I'm here to bring your vision to life.

contact Me

First name

Last name

Email

Phone no.

Contact us

get in touch

Have a project in mind? Whether you’re launching a brand, designing a product, or elevating your digital presence, I'm here to bring your vision to life.

contact Me

First name

Last name

Email

Phone no.

Contact us

get in touch

Have a project in mind? Whether you’re launching a brand, designing a product, or elevating your digital presence, I'm here to bring your vision to life.

contact Me

First name

Last name

Email

Phone no.

Create a free website with Framer, the website builder loved by startups, designers and agencies.