Customiser AI
Website

Customiser AI is a manufacturing software product. Its marketing website needed to explain how incoming production information becomes operational work, before introducing visitors to the application's detailed tools. Copy, interface visuals and motion describe the order-to-production workflow.

A feature list alone would not explain how the product fits into manufacturing work. The website uses a sequence: incoming orders, the information prepared from them and the next production steps. Each section has one explanatory task, with written content carrying the core message alongside motion.

Fron Hasani handled UI and UX design, copywriting, TypeScript frontend development and deployment. His involvement in the product informed the website narrative. Responsibilities included wireframes, high-fidelity layouts and the relationship between text and animated elements.

Figma layouts established the sequence from the manufacturing problem to the product workflow. The TypeScript build uses Framer Motion for scroll-triggered interactions tied to the steps being explained. Responsive layouts adapt the visuals to smaller screens. Progressive enhancement and readable supporting copy keep essential information available without depending entirely on animation.

The delivered website gives Customiser a public introduction through product-related visuals and a structured narrative. It separates the short marketing explanation from the detailed application experience, helping a manufacturing business understand the intended workflow before a deeper product conversation.