Loading Magic
Loading Creativity... Almost Ready!

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.

flow2web personalised vacation page 7

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.

  1. 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.
  2. 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.
  3. WordPress WooCommerce Integration
    • Connected the builder to WooCommerce for seamless ordering and checkout.
    • Used ACF Pro with flexible content for maximum customization and scalability.
  4. 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.

flow2web personalised vacation page 8

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.

flow2web personalised vacation page 9
flow2web personalised vacation page 10

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!

[ View All Projects ]

0
Boca Perfume Lab
Next Project