AI Development, AI Video Production & n8n Automation for Huile by Kingsley KenAI Development, AI Video Production & n8n Automation for Huile by Kingsley Ken

AI Development, AI Video Production & n8n Automation for Huile

Portfolio project
Kingsley Ken

Challenge

Huile is an AI workforce for everyday business, powered by four AI agents: Receptionist, Notetaker, Bookkeeper and Analyst. They answer calls, take meeting notes and code invoices.
The challenge was to create a digital experience that could communicate the value of this AI workforce, give potential customers a better understanding of the product and handle incoming business enquiries without requiring constant manual involvement.
A website alone would not be enough. Huile also needed original visual content to bring the product to life and an automated process for managing potential customers after they submitted a walkthrough request.

Goal

To build a complete digital experience for Huile, combining AI-assisted website development, AI video production and business process automation.
The objective was to create a website that communicates the product through interactive storytelling, produce original visual assets that match the brand and develop an AI-powered n8n workflow that qualifies incoming enquiries, manages contact information and prepares replies for human approval.

AI Development & Website

I built Huile's website using Framer and custom code, combining visual development with AI-assisted coding through Claude Code. I directed the implementation section by section, using plain HTML, CSS and JavaScript without a framework.
Interactive Product Storytelling: Created a scroll-driven experience where product screens change as visitors move through the page, helping communicate how Huile's AI workforce operates.
Dynamic Visual Transitions: Directed the transition from a light to dark interface, with a customer photo gradually expanding into a film as visitors scroll.
AI-Assisted Development: Used Claude Code to implement individual sections, directing the code generation and refining how the different elements work together.

AI Video Production & Photography

Produced Huile's visual assets entirely in Higgsfield. Nothing was physically filmed or photographed. Every asset was created specifically for the brand, with the website interface in mind.
Hero Film Production: Directed a 10-second hero film designed around Huile's website and product presentation.
Customer Story Video: Created a customer story clip to bring another dimension to how the product is presented.
AI Team Photography: Directed and generated team photography that fits Huile's visual identity and the overall website experience.

n8n AI Workflow Automation

Developed an n8n workflow to automate the process behind Huile's walkthrough form, combining AI-powered qualification, code-based verification, CRM management and human approval.
Webhook-Based Form Processing: Connected the website walkthrough form to n8n. Incoming enquiries are received through a webhook, with duplicate submission protection to ensure the same enquiry is never processed twice.
AI-Powered Lead Qualification: Integrated Claude to assess enquiries against Huile's own qualification rules. Every decision must include an exact quote from the visitor's message as supporting evidence.
Code-Based Evidence Verification: Built a JavaScript validation step to check that every quoted phrase actually exists in the original enquiry. If a quote cannot be verified, the corresponding answer becomes unknown.
CRM Management: Automatically saves contact information and the completed assessment to the CRM.
AI-Assisted Reply Drafting: Generates a reply based on the assessment, asking only for information that is missing from the original enquiry.
Human Approval: Keeps every response pending until a person reviews and approves it. Nothing is sent automatically.
The workflow takes care of enquiry processing, qualification and reply preparation, leaving the team with very little manual work while keeping people in control of customer communication.

Project Delivery

Huile now has a digital experience that brings its AI workforce closer to potential customers. The website gives visitors a clearer way to understand the product, the original visual content helps communicate the brand, and the n8n workflow takes care of processing and qualifying incoming walkthrough enquiries.
Together, these deliverables support Huile at different stages of the customer experience, from discovering the product to expressing interest and receiving a relevant follow-up.
If you are looking to build a website, create original AI video content or automate your business processes, send me a message here on Contra. I would love to hear about your project.

0 likes · 1 view · Nov 11, 2026

Tags