Loading image 1...
PetronesiaWebsite&CMS
Corporate Website with a CMS That Reconfigures Pages, for an EPC and Heavy Equipment Company
_6J7BRmOZp.png&w=3840&q=75)
Petronesia Website & CMS
Petronesia Website & CMS
Corporate Website with a CMS That Reconfigures Pages, for an EPC and Heavy Equipment Company
Corporate Website with a CMS That Reconfigures Pages, for an EPC and Heavy Equipment Company
PT Petronesia Benimel provides EPC services and heavy equipment rental for infrastructure, oil and gas, and mining projects, holding four international certifications and running its processes on Good Corporate Governance principles. Javapixa delivered the UI/UX, a Next.js frontend, and a CMS that does more than manage content: the Petronesia team can reconfigure pages themselves, and the CMS carries a built-in visitor tracker.
The Problem
A company like this has to carry several things on one site: business profile, governance, a media centre and careers, each with a different audience, from prospective oil and gas clients to regulators and job applicants. The requirement was not simply changing text, but changing how pages are put together as business priorities shift, without calling a developer each time.
The UI/UX work came first, to separate those audiences into their own paths. The frontend is Next.js, and the CMS was built so the Petronesia team can rearrange pages rather than only edit what sits inside them. A visitor tracker is built into the same CMS, so the team can see which pages are actually read without moving to another tool.
Visual Journey
Project Showcase
Loading image 1...
Screenshot 1
Project visualization and interface design
TechStack
Next.js
Web Framework
CMS
Content Management
Visitor Tracker
Analytics
Figma
UI/UX Design
KeyFeatures
Pages Configured from the CMS
The Petronesia team can change how pages are composed through the CMS, rather than only swapping text and images inside a fixed template.
Built-In Visitor Tracker
Traffic data lives in the same CMS, so the team can see which pages are read without switching tools.
Governance Section
Dedicated space for governance and compliance, which for a company holding international certifications is not a footnote.
Media Centre
A channel for news and published material the communications team can maintain themselves.
Careers
A separate path for job applicants, whose needs differ from those of prospective clients or regulators.
OurProcess
A detailed look at how we brought this project from concept to reality through our proven methodology.
UI/UX and Audience Mapping
Separated the needs of prospective clients, regulators and job applicants, then turned that into navigation structure and design in Figma.
Frontend and CMS
Built the Next.js frontend and the CMS that allows pages to be reconfigured, with the visitor tracker built into it.
Content and Launch
Initial content load, training the team to run the CMS themselves, cross-device testing, then launch.
04 Outcomes delivered
- 01The Petronesia team can reconfigure pages through the CMS, not only change text and images.
- 02Visitor tracking sits inside the CMS, so traffic data and content management are in one place.
- 03Governance, media centre and careers each have their own path, matched to their audience.
- 04TODO: add verifiable outcomes from the client when they are available.
Related Services
Services Featured in This Project
These are the Javapixa services behind this project.