Let s talk

PROJECTS

img PROJECT I - GACHACART img

img Introduction img

img img

GachaCart

GachaCart is an e-commerce website designed for a cosplay retail store based in the Philippines. The tone of the website is vibrant, modern, and community-focused — built to resonate with anime fans and cosplayers. It features bold visuals, smooth navigation, and playful yet professional typography that reflects the energy of cosplay culture.

The site showcases branded costumes from well-known makers such as Uwowo, MiaowuCos, and 1/3 Delusion, with custom sections for pre-orders, event-exclusive discounts, and local shipping options. Designed to be responsive and mobile-friendly, the layout supports both product discovery and ease of checkout while integrating with social channels for direct customer support.

About

This project focused on delivering an engaging and user-first design tailored for a niche audience. The goal was to build a site that feels fun and trustworthy without overwhelming the user. The tone strikes a balance between fandom excitement and clear, professional e-commerce functionality.

From the layout structure to micro-interactions, every design decision was made to guide users smoothly from browsing to checkout. Whether it’s exploring products or following up on pre-orders, users are met with a clean, intuitive interface that mirrors the passion and energy of the cosplay scene.

img
img

  • Year

    2022

  • Client

    GachaCart Philippines

  • Services

    E-Commerce Web Design

  • Project

    Cosplay Retail Platform

Description

GachaCart is a dynamic cosplay e-commerce website created for a Philippine-based store that specializes in branded costumes from popular makers like Uwowo, 1/3 Delusion, MiaowuCos, and more. The website design combines clean layout structure with bold visuals, making it easy for customers to explore products, place pre-orders, and track updates.

This project focused on building a site that speaks directly to anime fans and cosplayers—fun, energetic, and community-centered. It includes event-based promotions, pre-order reminders, and responsive support through integrated messaging. The interface is built with usability in mind, offering a smooth experience from homepage to checkout on both desktop and mobile.

Every detail of the site—from its color palette to its content structure—was tailored to reflect the client’s unique brand while maintaining a reliable and secure shopping experience.

img img

Key Features

Custom E-Commerce Setup
Built using WordPress and WooCommerce to manage anime merchandise and cosplay pre-orders with ease.

Partial Payment Pre-Order System
Enables customers to pay 80% upfront (non-refundable) and settle the remaining 20% when the costume arrives at the shipping company.

Cosplay-Centered Product Pages
Each brand has its own dedicated page featuring specific characters and costume details to help fans find what they’re looking for.

Local & International Shipping Options
Flat-rate local delivery (₱500) with an estimated 2–3 week arrival, and custom shipping fee calculation for cosplay orders after arrival.

Mobile-Optimized Shopping Experience
Clean, responsive layout that ensures easy browsing and checkout on mobile devices.

Live Chat Support
Real-time customer support integration through a chat plugin for questions and order follow-ups.

Sale Flash Tags & Event Discounts
Custom span.onsale tags highlight discounted cosplay items during special promotions or events.

Terms & Conditions Page
Clearly explains GachaCart’s pre-order policy, refund rules, and payment terms to build customer trust.

Tools Used

WordPress
Content management system used to power the website.

WooCommerce
E-commerce platform for product, order, and customer management.

Elementor
Page builder used for custom layout and design.

Custom CSS & WooCommerce Tweaks
Styling and functional improvements, including brand filters and visual sale tags.

Next