Personalised Vacation
About The Project
Personalised Vacation is an e-commerce platform for custom bags and hats. The client needed a unique product builder that allows users to design their own accessories in minutes. My role was to deliver a smooth UX/UI, build the custom builder, and integrate it into WooCommerce with minimal plugins for speed and scalability. The result is a creative, fast, and eco-friendly shopping experience that stands out in the market.
Date
November 2023
Project Scope
UX/UI Design, Custom Builder Development, WordPress Integration, WooCommerce Setup, Performance Optimization, Responsive Design
Technologies Used
Figma, HTML, SCSS, JavaScript, PHP, WordPress, WooCommerce, ACF Pro
About
the Client
Creative e-commerce
brand website
Personalised Vacation is an e-commerce brand that sells custom bags and hats designed to make every trip unique and practical. Customers can personalize their accessories online in just a few minutes, creating eco-friendly products that reflect their creativity and style.
The brand’s mission is to combine fashion, sustainability, and personalization into products that bring extra value to every journey.
Challenge
Custom website and
builder
The client wanted to create a custom builder tool for personalizing hats and bags directly on the website. The challenge was to design and develop a platform that:
- Allows customers to create their own unique product quickly and easily
- Offers a smooth UX and UI that feels intuitive and creative
- Integrates the builder with WordPress WooCommerce while keeping the website fast and plugin-light
- Supports scalability for future product lines and personalization options
The client’s vision was to deliver something unique, creative, and user-friendly, while avoiding the slow performance that often comes with heavy plugins.

Custom builder for unique, eco-friendly bags and hats online.
Project
Figma to WordPress with
ACF Pro
I was responsible for the end-to-end design and development of the platform.
- Design in Figma
- Created a custom design system with a strong focus on UX/UI.
- Built layouts and flows that made the personalization process engaging but simple.
- Custom Builder Development
- Designed and coded a product builder where users can personalize hats or bags.
- Integrated the builder with HTML, SCSS, and JavaScript for a smooth, interactive experience.
- WordPress WooCommerce Integration
- Connected the builder to WooCommerce for seamless ordering and checkout.
- Used ACF Pro with flexible content for maximum customization and scalability.
- Custom Code for Performance
- Wrote custom PHP and JS instead of relying on many plugins.
- Achieved a lightweight and fast site, with excellent performance and load times.
The builder allows customers to design their accessory online, place an order, and then the team at Personalised Vacation creates the custom product.

Result
Full custom builder and
website design
The project delivered a fully functional custom builder that is:
- Fast and lightweight – optimized with minimal plugins and custom code
- Creative and unique – aligned with the client’s vision for a standout shopping experience
- Eco-friendly and practical – supporting the brand’s values
- User-focused – simple personalization flow that encourages creativity and increases conversions
The client was very satisfied, as the platform allowed them to stand out in the market with a creative, custom shopping experience that few competitors can offer.
The result is a website that not only sells products but also lets users tell their fashion story through personalized accessories.


Thank You for Watching
We appreciate your time exploring this project. Every detail was crafted with passion, creativity, and focus on performance. Stay tuned for more unique digital experiences from our creative agency!





