Crown Furniture approached me to develop a fresh, interactive website with a focus on modern functionalities like dynamic modules, animations, and seamless user experiences. Given the client's preference for WordPress as their CMS, the solution combined traditional WordPress best practices (using Roots.io) with cutting-edge technologies like React and GraphQL.
One of the key features of the website is the dynamic module system, allowing the content editor to easily drag and drop pre-built sections to create custom page layouts. This was made possible by leveraging WordPress's Advanced Custom Fields (ACF) and integrating them with React components.
A strong emphasis was placed on image optimization to enhance website performance. An automatic process was set up to compress images into WebP format, significantly improving loading times and overall site efficiency.
For advanced functionality, GraphQL was used extensively to extend the CMS’s capabilities. One notable feature was the ability to track and store favorite items. This functionality leveraged the GraphQL schema to combine remote WordPress server data with local storage attributes, all exposed via a clean API.




- wordpress
- graphql
- wpgraphql
- react
- php
- gsap greensock
- Dynamic modules in editor
- Slider with taggable images
- Client PDF generation
- Dynamic scroll trigger animation
- Import products and categories from excel
- Balancing high-tech features with usability
- WordPress best practices with Roots.io
- Headless CMS setup using GraphQL
- WebP image optimization for better performance
- Integrating GSAP animations with React
- Using Advanced Custom Fields for dynamic modules