Full-Stack UI/UX Tech Docs

Hi, I’m Ziyan.

I design, build, and ship clean & fast web systems — from data models & APIs to pixel-perfect UIs with audit trails and tidy documentation.

See Projects Contact Experience
PHP 8CodeIgniter 3MySQLBootstrap 5 Google Drive APIMaps APIDataTablesjQueryTech DocGoogle APIPlesk
Ziyan
500+
Modules
7+
Years
ISO 27001

Selected Projects

Real systems, shipped
PEMANIS — Dashboard
PEMANIS — Project Management Information System

E2E from registration → scheduling → billing → payment; handles 1,000+ records/year.

  • Approvals & audit trail
  • Invoices + PDF/Excel exports
PHP · CI3 · MySQL · Bootstrap 5 · jQuery · API
SISTA — Profile & Analytics
SISTA — Expert Big-Data Platform & CV Builder

Company expert database with search, tagging, analytics, plus a LinkedIn-style benchmark.

  • Skill taxonomy & advanced search
  • Profile insights & comparisons
PHP · CI3 · MySQL · DataTables · jQuery · API
ITBLab Digital — Dashboard
ITBLab Digital — Lab Management Platform

Digital lab platform for assets, booking, and document workflows.

  • Asset inventory & QR
  • Booking & approvals
PHP · CI3 · MySQL · Bootstrap 5 · jQuery · API
E-Absensi — Dashboard
E-Absensi — HR Attendance Suite

Attendance w/ e-leave, overtime, and health reimbursements, plus geofencing.

  • Geo-fenced check-in/out
  • Leave/OT & medical reimburse
PHP · CI3 · MySQL · Bootstrap 5 · jQuery · API
SISBUS — Legal & Ops Dashboard
SISBUS — Business Operations System

Stable ops backbone aligning flows with clear reporting & access policies.

  • Process → module mapping
  • Reports & RBAC controls
PHP · CI3 · MySQL · Bootstrap 5 · jQuery
PAS PGE — Audit System Login
PAS PGE — Pertamina Audit System

Secure audit workflows with evidence trails & role-based access; production-ready.

  • Workflow & approvals
  • RBAC & evidence logging
PHP · MySQL · Bootstrap 5 · jQuery · API

Skills & Toolbox

What I use daily
Backend
Senior
  • PHP 8, CodeIgniter 3, REST APIs, Auth
  • Queues/schedulers, audit trail, logging
  • PDF/Excel export pipelines
Composer cURL TCPDF
Frontend
Senior
  • Bootstrap 5, jQuery, vanilla JS
  • DataTables, Select2, responsive UI
  • UX micro-interactions
Select2 Animate Icons
Database
Senior
  • MySQL design & tuning
  • Complex SQL, indexing, query plans
  • Backup, migration, sanity checks
Workbench Slow Log EXPLAIN
Ops & Security
Mid–Senior
  • Plesk, cPanel, Linux, Nginx, SSL
  • Monitoring & uptime
  • ISO 27001 artifacts
Fail2ban Certbot Cron
Design & Docs
Mid–Senior
  • UI/UX with Figma & design systems
  • Clean technical documentation
  • Flowcharts, ERD, API specs
Figma Mermaid Markdown
Integrations
Mid–Senior
  • Google APIs
  • Auth, geofencing, file versioning
  • 3rd-party webhooks
OAuth gapi Maps JS
*Levels are based on recent projects & frequency of use.

Experience

Track record
Full-Stack Web Developer — PT LAPI ITB
2020 — Present

Lead developer for internal platforms: PEMANIS, ITBLab Digital, and HR & business modules — with Google Drive integration, audit trails, and data exports.

PHP 8CodeIgniter 3MySQL Bootstrap 5ISO 27001 APIs
500+modules
7+years
99.9%uptime
  • Designed multi-table models (complex JOIN/CASE) for executive reporting.
  • Drive uploads, versioning, and comprehensive audit trails.
  • Query/index optimizations — heavy tables load in < 300ms.
Software Engineer / Full-Stack — PT Pertamina Geothermal Energy
Contract

End-to-end delivery for PAS (Pertamina Audit System) and HC (Human Capital): UX/UI design, backend & frontend implementation, and clean technical documentation.

PASHCUI/UX PHP 8MySQLBootstrap 5Tech Docs
2apps
E2Edesign→deploy
DocsSRS & SOP
  • Wireframes → high-fidelity UI + lightweight design system.
  • Role-based access controls across audit & HC modules.
  • Structured docs: SRS, API specs, architecture, SOP.
Want the full history?
Request detailed case studies.
Request case study

Certificates

Verified skills
ISO
ISO/IEC 27001:20222025
TÜV NORD
Information Security Management Systems
BNSP
Web Developer2023
BNSP (National Professional Certification)
Professional competency certification
BWA
Full-Stack Web Designer2020
BuildWithAngga
Product design & engineering fundamentals

Let’s build something

Open for work
Ziyan

Ziyan Khatami

Full-Stack Web Developer
Full-Stack UI/UX Design Tech Docs
linkedin.com/in/ziyankhatami @zedwayen
See projects Certificates
Response time: ~24h • Preferred: brief + scope + timeline + budget range
Please enter your name.
Please enter a valid email.
Please add a brief about your project.
0 / 1200
Email copied