Back to projects
ATSI Storefront
Freelance project — premium ecommerce storefront for Auxytech Technology Solutions Inc.: fire safety and security catalog, brand filtering, quote requests, auth, and a client-side cart for B2B buyers in the Philippines.
01/03
Storefront showcase — desktop catalog and mobile login amid fire & security gear
01/03gallery
Architecture
Next.js App Router storefront with Ant Design UI, Zustand for user/catalog/cart state, and REST product/brand/category APIs — redesigned as a navy/gold enterprise ecommerce shell with brand catalog filters and local cart persistence.
Deployment
Next.js frontend (atsi-frontend) with API-backed catalog data for local and staging demos.
Features
- Premium homepage hero, trust bar, categories, and featured products
- Brand catalog with search, sort, price range, and grid/list views
- Request-a-quote CTAs and enterprise footer
- Login and registration with showroom photography
- Client-side cart with quantity controls and persisted state
Challenges
- Elevating a generic Ant Design shop into a premium B2B brand experience
- Keeping filters, brand routes, and cart state coherent without a full checkout backend
Solutions
- Shared ATSI design tokens with section-level CSS and generated lifestyle imagery
- Zustand cart slice for local add/remove/qty while quote flow remains the conversion path
Results
- Cohesive enterprise storefront for fire safety and security products
- Faster browsing via brand catalog UX and browser-persisted cart