Ammar Haziq Portfolio Website

The concept is to present a multidisciplinary creative practice through a clear dark-and-light visual rhythm. A cinematic hero establishes identity, while lighter artwork-focused sections make the portfolio easy to browse and individual case studies explain the thinking behind each project.

The implementation uses a responsive WordPress child theme, a custom projects post type, category taxonomy, reusable case-study templates and structured metadata. CSS design tokens, responsive images, lazy loading, keyboard-friendly navigation and breakpoint-specific layouts support consistency, performance and accessibility.

The process moved from requirements and artwork auditing to visual-direction mockups, information architecture and a reusable design system. The homepage, project archive, category filters and case-study templates were implemented in LocalWP, populated with structured content and refined through responsive, accessibility and content-quality testing from 360px to 1440px.

WordPress 7.1, Hello Elementor, Elementor Free, LocalWP, PHP, HTML, CSS and JavaScript. A custom child theme controls presentation, while a custom plugin manages projects, categories, metadata and editorial validation.

A maintainable local portfolio website with a responsive homepage, filterable Works archive, reusable project pages, mobile navigation and structured content across six creative categories. Production deployment remains separate from the completed LocalWP implementation.

This case study documents the design and implementation of a responsive portfolio website for Ammar Haziq’s multidisciplinary creative work. The central challenge was balancing a strong personal identity with clear access to projects across graphic design, video, photography, web and interactive media. A dark cinematic hero establishes the visual tone, while light artwork-focused sections improve browsing and create contrast across the page. The process began with requirements, artwork auditing and visual-direction mockups before moving into information architecture and a reusable design system. WordPress was structured around a custom Projects post type, category taxonomy and metadata fields so new case studies can be added without rebuilding layouts. A child theme controls the responsive presentation, while a custom plugin manages project content and editorial validation. The implementation also includes category filters, responsive images, lazy loading, keyboard-friendly navigation and mobile layouts tested from 360px to 1440px. The final result is a maintainable portfolio that can grow with new work while retaining consistent hierarchy and presentation. Before publication, Ammar should confirm the exact role attribution and whether the LocalWP implementation should be described as a personal, collaborative or assisted web project.