The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
My role in this project involved implementing complex features and animations, as well as developing a product catalogue using a CMS. This also includes optimisation for mobile devices, testing and project launch.
Skills and deliverables
Framer
Web Development
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Most companies need a great website fast.
The problem is, "fast" usually means cutting corners.
I don't.
Here's how I build and launch a website in one week without sacrificing quality.
I only take on one project at a time. If it's your week, you have my full attention. That focus keeps everything moving.
Before I start building, I gather every asset, piece of copy, and reference I'll need. We align on the direction early with moodboards and inspiration, so there are no surprises halfway through.
I also build directly in Framer from day one. Clients actually really love seeing their live website immediately. They can click through it, experience it, and leave feedback on something that already feels real. It also removes the extra design to development handoff that often adds days or even weeks.
After launch, I stick around for another week to make sure everything runs smoothly and fix any small issues.
A clear process creates room for better design.
And that's where I spend my time. Crafting the details, polishing interactions, and making the website feel like a product, not just a collection of pages.
Having a clear process for sure makes room for better design. What you wrote really resonates with me Natália.
contra.com
Natália Tímea on Contra
View Natália Tímea’s Profile on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
For years I've done the same pointless thing: I pause a film because someone's wearing the exact coat I've been looking for, then I screenshot it, reverse-search it, scroll past forty results that aren't it, and give up.
The thing I wanted was right there in the frame. It just wasn't connected to anything.
So I built it.
Vantara is a streaming service where you pause any moment and it tells you what's in the shot and where to buy it: the exact piece, or its closest match. Because you're never going to find the real 1912 opera coat from the costume department, and you don't want to pay for it either. You want the look, at a price that makes sense.
It's 11 screens across desktop and mobile, including the player, the pause-to-shop panel, item pages with real prices and delivery, a Vault that watches prices and tells you when something drops, and a search that runs backwards. Describe a look, and it finds you the scene it lives in.
I built every screen in Flowstep, driven through the Flowstep MCP server with Claude, on one design system applied across the whole thing.
This is the idea I keep coming back to. Full walkthrough video + case study here: Full Walkthrough
Built with @flowstep_ai #FlowstepChallenge
Wow ! Just Read your case study as well & TBH this is some submission you deserve to win this. 👍
I designed and developed an intelligent end-to-end business automation system using n8n that automatically processes customer orders in real time. The workflow receives customer data through webhooks, intelligently classifies customers as VIP or Regular, applies conditional business logic, updates Google Sheets databases, sends instant Telegram notifications to administrators, delivers personalized Gmail confirmations to customers, and returns automated webhook responses.
The system eliminates repetitive manual tasks while ensuring faster processing, improved customer experience, and seamless business operations.
Problem
Businesses often struggle with:
Manual order processing.
Delayed customer confirmations.
Poor VIP customer prioritization.
Time-consuming spreadsheet updates.
Missed notifications and human errors.
Inefficient customer management processes.
Solution
I built an intelligent automation workflow that:
Receives customer orders instantly via Webhooks.
Automatically classifies VIP and Regular customers.
Applies conditional logic using Switch and If nodes.
Updates Google Sheets records automatically.
Sends real-time Telegram notifications for important orders.
Delivers personalized Gmail confirmations to customers.
Handles different fulfillment processes independently.
Provides instant webhook responses after successful processing.
Eliminates repetitive administrative tasks.
Key Features
Real-Time Order Processing
VIP Customer Prioritization
Customer Management Automation
Google Sheets Integration
Telegram Bot Notifications
Gmail Email Automation
Conditional Workflow Logic
API & Webhook Integrations
Business Process Automation
Scalable Workflow Architecture
Technologies Used
n8n
Webhooks
Gmail API
Google Sheets API
Telegram Bot API
REST APIs
JavaScript Expressions
JSON
Conditional Logic
HTTP Requests
Workflow Automation
Business Process Automation
Results
Fully Automated Customer Management System.
Faster Order Processing.
Improved Customer Experience.
Real-Time Notifications.
Reduced Manual Workload.
Intelligent VIP Customer Handling.
Reliable Multi-Path Workflow Processing.
Scalable Business Automation Architecture.
Skills
AI Automation
Workflow Automation
n8n Development
API Integration
Business Process Automation
Webhook Integration
System Integration
Email Automation
Data Automation
Customer Management Automation
Process Optimization
No-Code Automation
Tools
n8n
Gmail
Google Sheets
Telegram Bot API
Webhooks
JavaScript
REST APIs
JSON
HTTP Requests
Google Workspace
Postman
GitHub
Hashtags
#n8n #AIAutomation #WorkflowAutomation #BusinessAutomation #APIIntegration #WebhookAutomation #TelegramBot #GmailAPI #GoogleSheets #CustomerManagement #NoCodeAutomation #ProcessAutomation #AutomationEngineer #SystemIntegration #DigitalTransformation #BusinessProcessAutomation #EmailAutomation #AIWorkflows #ProductivityAutomation #IntelligentAutomation
Excellent automation workflow! The way you've connected customer classification, real-time notifications, and personalized communication shows how automation can go beyond saving time, it can create a smoother customer experience and more efficient business operations.