Hi, I’m Zidan.

A premium corporate landing page for a fictional Indonesian mining and energy company, built to read like a real industrial/energy site — editorial layout, annual-report pacing, and a full set of investor and governance sections.

• 0112 fully custom sections: Navbar, Hero, About, Operations, Sustainability, Governance, Investors, Careers, News, CTA, Footer
• 02Scroll-triggered reveal animations throughout with Framer Motion, respecting prefers-reduced-motion
• 03Sticky navbar that transitions from transparent (over the hero) to solid on scroll, with a full-screen mobile menu
• 04Custom design tokens — charcoal/stone/moss/ochre palette, Fraunces + IBM Plex Sans type system
• 05Fully responsive, semantic HTML, keyboard-accessible navigation

A web-based payroll system that handles everything from employee data and salary calculations to allowances, deductions, payslips, and payroll history — all in one place instead of scattered spreadsheets.

• 01Separate access levels for admins, HR staff, and employees
• 02Payroll runs automatically factor in allowances, deductions, overtime, and bonuses
• 03Digital payslips with a full history you can look back on anytime
• 04Reporting dashboard that updates in real time and lets you export the data

A landing and ordering site for a home-style grilled chicken restaurant, with a Laravel backend so the owner can update the daily menu herself. Covers the whole customer journey, from browsing dishes to booking catering.

• 01Laravel + MySQL backend so the owner can update the menu daily from an admin panel
• 02CRUD for menu items — name, price, category, image, availability
• 03Responsive menu section pulling live pricing and items straight from the database
• 04Promo sections for featured dishes and bundle deals
• 05Catering request form with date scheduling
• 06Embedded location map plus a testimonials section

A Laravel decision-support system built for CV Gardenia Setia Utama that uses the Simple Additive Weighting (SAW) method to rank options against multiple weighted criteria — instead of picking by gut feeling.

• 01Implemented the full SAW method — weighting, matrix normalization, final scoring
• 02CRUD for criteria, weights, and candidate/alternative data
• 03Auto-generated ranking reports based on the calculated scores
• 04Admin dashboard for managing assessment periods and reviewing results

This portfolio, built with Next.js, GSAP, Framer Motion, and Lenis — projects, activities, and contact info tied together with smooth, scroll-driven interactions rather than static pages.

• 01Scroll-based section transitions built with GSAP ScrollTrigger and Framer Motion
• 02Lenis smooth scroll synced with ScrollTrigger for a consistent feel
• 03Draggable project image carousel with directional transitions
• 04Scroll-linked activity/organization timeline
• 05Content structured as a typed data layer (projects.ts, activities.ts) for easy updates