Skip to content

/ CASE STUDY / 2025

BEM Vokasi UB 2025

Client Project
CATEGORY
Website
YEAR
2025

/ 01 / OVERVIEW

The official web presence of BEM Vokasi Universitas Brawijaya for the 2025 period. It covers the cabinet profile, organizational information, and programs across five to seven pages. The requirements came directly from the people who maintained the site.

/ 02 / CHALLENGE

The problem.

An organization site has two audiences: visitors looking for information and the internal teams who keep that information current. Without a clear content path, the site would go stale the week after launch. The practical problem was making frequent content updates easy for a student cabinet with no dedicated web team.

/ 03 / APPROACH

How we framed it.

We used TypeScript, React, and Tailwind with shared components so the cabinet could keep each page consistent. The main feature is an order system that gives the Kominfo ministry one clear place to request and track edits.

/ 04 / SOLUTION

What we delivered.

A company profile site with five to seven pages and a working editing order flow. Information is organized by division and program, and the Kominfo ministry can send and track requests in one place.

/ 05 / PROCESS

How it came together.

  • 01BRIEFCollected requirements from cabinet divisions and the Kominfo ministry.
  • 02ARCHITECTUREPlanned the page structure for the profile, programs, divisions, contact, and content flow.
  • 03BUILDImplemented the React site with shared layout components.
  • 04ORDER SYSTEMBuilt the editing order flow so content requests are clear and trackable.
  • 05HANDOVERDocumented how the cabinet maintains content after launch.

/ 06 / GALLERY

BEM Vokasi UB 2025 Profile pages: organizational structure and cabinet information
SYS 01Profile pages: organizational structure and cabinet information
BEM Vokasi UB 2025 Editing order flow: the Kominfo content request system
SYS 02Editing order flow: the Kominfo content request system
BEM Vokasi UB 2025 Program sections: division and program content in a shared layout
SYS 03Program sections: division and program content in a shared layout

/ 07 / TECHNOLOGY

THE STACK

TypeScriptReactTailwind CSS

/ 08 / REFLECTION

Reflection

Working inside the organization showed us what the site needed after launch. The editing order system became the practical way for the cabinet to keep content current.

PROJECT STATUS

Client Project

Work delivered for a real client or organization, produced by the Dignify studio.