Skip to content

/ CASE STUDY / 2026

Djibril Rangga Deja

Internal Project
CATEGORY
Website
YEAR
2026

/ 01 / OVERVIEW

The personal site of Djibril, who handles the AI and automation side of the studio. It presents his profile, selected work, skill set, certificates, work experience, and contact channels in a single scrolling page.

/ 02 / CHALLENGE

The problem.

A personal site for an AI engineer needs to prove the work without bloating the page. It also has to give visitors a clear path to his CV and contact channels.

/ 03 / APPROACH

How we framed it.

We organized the page into numbered sections: profile, selected work, skills, certificates, experience, and contact. Work items carry category filters, and contact is always one click away.

/ 04 / SOLUTION

What we delivered.

A single-page portfolio that covers the essentials. Selected work includes the Dignify studio site, the BEM Vokasi site, the Tlaga Pratama Persada concept, the Sentinel IoT system, the Arkbot audit assistant, and the Arka helpdesk bot.

/ 05 / PROCESS

How it came together.

  • 01PROFILEDefined the positioning: AI engineer focused on n8n workflows and automation.
  • 02STRUCTUREPlanned numbered sections from profile to contact.
  • 03WORK INDEXListed the real projects with filters and details.
  • 04CREDENTIALSAdded certificates and work experience with honest labels.
  • 05CONTACTBuilt the contact path with CV download, email, and WhatsApp.

/ 06 / GALLERY

Djibril Rangga Deja Hero: positioning and profile over the work index
SYS 01Hero: positioning and profile over the work index
Djibril Rangga Deja Selected work: the project list with filters
SYS 02Selected work: the project list with filters
Djibril Rangga Deja Skills and credentials: tools, certificates, and experience
SYS 03Skills and credentials: tools, certificates, and experience

/ 07 / TECHNOLOGY

THE STACK

Next.jsTypeScriptTailwind CSS

/ 08 / REFLECTION

Reflection

Building the founder's own site kept the studio honest: the work shown on it is real work, labeled the same way we label everything else.

PROJECT STATUS

Internal Project

Work produced for and by the Dignify studio itself.