Packaging Machine Manufacturer Corporate Website
2024
SY Autopack Co., Ltd. is a professional powder and tablet packaging machine manufacturer in Taiwan. Their product lineup includes multiple automatic packaging machine models (SY-21A, SY-21P, SY-30A, SY-30P, etc.), serving pharmacies, medical institutions, and related industries.
In this collaboration, the client provided complete UI design mockups, and we were responsible for pixel-perfect front-end implementation. The website covers the homepage, company profile, product categories, consumable accessories, maintenance tutorials, location map, contact us, and recruitment pages, all presented in a dark tech-style design to convey the brand's professional image.
The back-end was built with Filament as the content management system, enabling the client to independently manage product information, consumable accessories, tutorial videos, and news updates without relying on developers for real-time content changes.
Pixel-perfect implementation of the client-provided UI designs, covering the homepage, company profile, product categories, consumable accessories, maintenance tutorials, location map, contact us, and more
Built a back-office management system with Filament, allowing the client to independently manage product information, consumable accessories, tutorial videos, and news updates
The homepage features a trending products section showcasing the powder/tablet packaging machine series, with product pages categorized by model, each with detailed specs, image galleries, and related consumables
A dedicated maintenance tutorial page providing equipment maintenance guides and operation tutorials to help clients extend equipment lifespan and reduce repair costs
The client provided complete UI design mockups, and we delivered pixel-perfect front-end implementation. This includes the homepage product carousel, company profile, product categories (paginated by model), consumable accessories listing, maintenance tutorial section, Google Maps location, contact form, and recruitment pages.
The back-end uses Filament as the content management system, allowing the client to add/edit product models, specifications, images, as well as manage consumable accessories, tutorial videos, news updates, and more.
Product pages are organized by model category, with each packaging machine featuring detailed specification tables, multi-angle product images, and links to related consumables. The homepage includes a "Trending Products" section to quickly guide visitors to popular models.
A dedicated maintenance tutorial page provides equipment maintenance guides and operation tutorials through images and videos, enhancing after-sales service quality and helping clients extend equipment lifespan.
SY Autopack already had a complete UI design ready, so our role was to precisely implement it as a live website and build the Filament back-office system. This "client provides design, we handle implementation and backend" division of labor lets clients with existing brand visuals launch more efficiently while keeping the build faithful to the original design.
This project was completed in 2024 and includes a homepage, company profile, model-categorized product pages, consumable accessories, a maintenance tutorial section, location map, contact page, and careers page, backed by a Filament admin panel. Corporate sites with this scope of pages and admin functionality typically take 6–10 weeks, depending on page complexity and backend field requirements.
Yes. The core architecture — product model management, accessory management, and tutorial content management built on Filament — reflects a "multi-model product catalog plus after-sales maintenance content" structure that is common across industrial equipment and machinery manufacturers. Swapping in a different product classification and field set extends this same foundation to other manufacturers' catalog sites.
CONTACT US
Whether it's a corporate website, product catalog site, or brand landing page, we can tailor a solution for you.
Contact Us
