Muhammad Ahmed Asim Abbasi
WordPress Frontend Developer | UI/UX Designer | Next Js
New to Contra
Muhammad Ahmed Asim is ready for their next project!
I built a complete AI Website & Brand Kit Generator on Melius — 37 nodes, one input
Most people starting a business spend weeks (and thousands of dollars) figuring out their brand identity, building a website, writing copy, setting up SEO, and planning their marketing.
I built a workflow that does all of it automatically from a single business description.
What it does:
You type one detailed business description. The workflow generates your entire brand and website package automatically across 37 nodes organized in a professional pipeline.
Here's what comes out the other side:
BRAND IDENTITY
— Input quality checker that scores your description and rewrites it for better results
— 5 brand name options with taglines, then automatically selects the best one
— Full brand personality, voice rules, and sample copy
— Complete color system with hex, RGB, CMYK, psychology, and accessibility scores
— Typography system with Google Fonts, CSS code, and size scales
— Master brand style guide consolidating everything
MOODBOARD & UI/UX
— Editorial brand moodboard
— Color and font specimen sheet
— Full UI component library (buttons, forms, cards, nav)
— 3 mobile screen mockups (homepage, product, checkout)
SOCIAL MEDIA KIT
— Platform recommendations ranked by ROI for your specific business
— 5 content pillars with posting schedule
— 30 ready-to-post captions (Instagram, LinkedIn, Twitter)
— Complete social media template pack
— Profile and cover assets for all platforms
— Instagram grid preview
WEBSITE MOCKUPS — ALL PAGES
— Homepage (asymmetric layout, warm human design, not generic SaaS)
— About + Services pages
— Shop + Product Detail pages
— Cart + Checkout pages
— Contact + Blog pages
WEBSITE COPY
— Full homepage and about page copy
— Shop, services, and contact copy
— All written in the brand's specific voice
POLICIES & SEO
— Privacy policy (GDPR compliant)
— Terms & conditions
— Returns and refund policy
— SEO meta tags for every page
— Full keyword strategy
GROWTH & MARKETING
— 20-item technical SEO checklist
— Complete marketing strategy with 90-day launch plan
— Email welcome sequence
— Website launch checklist (pre-launch, launch day, post-launch)
— Step by step website building guide tailored to the business type
VIDEOS
— Social media reel (15 seconds vertical)
— Website demo video (20 seconds)
— Brand introduction video (30 seconds)
— Full brand showcase video (60 seconds)
HANDOFF
— Font and asset installation guide
— Complete README with folder structure and next steps
The pipeline logic:
This isn't just nodes dumping from one input. It's a proper sequential pipeline:
Input → Quality Check → Brand Names → Name Selector → Personality → Colors → Typography → Master Brand Summary → everything else
Each node builds on the previous one. The name selector locks in one brand name and passes it to every visual node so your logo, mockups, social media, and videos all show the same consistent brand — not random made-up names.
Test input I used:
"AI website generator for small business owners and freelancers who want a professional online presence without hiring a designer or developer. Target: entrepreneurs aged 25-45 globally. Price: free to start, premium $29/month. Minimal and modern aesthetic. Admire Framer and Webflow but want to feel more accessible and friendly. Selling through website and ProductHunt."
What surprised me about Melius:
The pipeline connection system is genuinely powerful once you stop thinking of it as a simple prompt chain and start thinking of it as a proper data pipeline. The fact that Node 07 (Master Brand Summary) consolidates everything and feeds all downstream nodes means the visual outputs are actually coherent with each other — same brand, same colors, same fonts throughout.
What I'd improve: a native "publish as client-facing app" feature so clients can enter their own input and get results without needing a Melius account. Right now you'd have to build a front-end wrapper via MCP to do that — which is doable but adds friction.
👉 https://app.melius.com/projects/f2974953-365e-4115-a77d-472694cf007e/canvas/931739e9-16f0-4fb7-80c7-117900dddd81
(https://app.melius.com/projects/f2974953-365e-4115-a77d-472694cf007e/canvas/931739e9-16f0-4fb7-80c7-117900dddd81)Loom Link: https://www.loom.com/share/d258955f5307419ca31fae73e1b2783d
Linkedin: https://www.linkedin.com/posts/ahmyabbasi_meliuschallenge-ai-nocode-activity-7462687958773415936-hWgz?utm_source=share&utm_medium=member_desktop&rcm=ACoAAEiTZfoB-cDGgl06EEvObCJt6-CSFC9OYos
Built with Melius — the creative canvas for agents
#meliuschallenge
0
78
WEB PORTAL REDESIGN
UI Enhancement (Next.js)
CLIENT REQUIREMENT
The client needed improvements to an existing web portal, focusing on:
A cleaner and more modern interface Better visual clarity and layout structure Improved user experience without changing core functionality.
MY SOLUTION
I redesigned the user interface of the portal to improve clarity, readability, and overall user experience while keeping the existing system intact.
The focus was on simplifying the layout, improving spacing, and making the interface more intuitive for users.
The redesign ensured a more polished and professional look without disrupting backend functionality.
KEY WORK DONE
Redesigned UI for improved visual clarity.
Simplified layout and content structure.
Improved spacing and alignment.
Enhanced overall user experience.
Maintained compatibility with existing system.
TOOLS USED
Next.js
Frontend UI/UX Principles
RESULT
Delivered a cleaner and more user-friendly interface, improving usability and visual consistency while preserving the platform’s existing functionality.
0
36
A LOGISTICS
Private Delivery Tracking System
CLIENT REQUIREMENT
The client needed a private delivery tracking website for internal business use.
Key requirements included:
A clean and simple single-page website.
A shipment tracking system for customers.
Automatic generation of tracking numbers.
Easy backend management for shipments.
Important: This was not a public courier platform, but a company-specific internal tracking system.
MY SOLUTION
I designed and developed a clean, singlepage website focused on simplicity and usability.
To handle tracking functionality, I integrated a backend tracking system that allows the company to create shipments and automatically generate unique tracking numbers.
Customers can use these tracking numbers on the website to check their shipment status in real-time.
KEY WORK DONE
Designed a modern, minimal singlepage layout.
Integrated shipment tracking functionality using backend plugin.
Configured shipment creation system in admin panel.
Implemented automatic tracking number generation.
Built a user-friendly tracking interface for customers.
Structured system for private/internal company use.
TOOLS USED
WordPress
Elementor
Tracking
Plugin (Backend System)
Basic UI/UX Design Principles
RESULT
Delivered a fully functional private tracking system that allows the company to manage shipments efficiently and provide customers with a simple and reliable tracking experience.
0
58
WHALES AND PARTNERS
Multilingual Business Website
CLIENT REQUIREMENT
The client required a professional business website with:
Support for multiple languages (German & English).
A clean and modern design.
Structured product listings.
Easy navigation for different user audiences.
MY SOLUTION
I designed and developed a multilingual website with seamless language switching between German and English.
The structure was carefully planned to ensure both languages maintained consistency in layout, content flow, and user experience.
Product listings were integrated in a clean and organized format, making it easy for users to browse and understand offerings in either language.
KEY WORK DONE
Designed a clean, professional website layout.
Implemented multilingual functionality (German & English).
Structured content for both language versions.
Added and organized product listings.
Ensured consistent UI/UX across languages.
Optimized navigation for better user experience.
TOOLS USED
WordPress
Elementor
Multilingual Plugin (WPML)
Basic SEO Structure
RESULT
Delivered a fully functional multilingual website with smooth language switching, clear content structure, and improved accessibility for both German and English audiences.
0
62
FURNITURE HEAVENS:
Website Redesign & SEO Optimization
CLIENT REQUIREMENTS:
The client wanted improvements to their existing furniture website, including:
A better modern design Improved product presentation.
Basic SEO to improve search visibility.
Product listing setup for selected items.
MY SOLUTION:
I redesigned the website with a cleaner, more modern layout focused on user experience and product visibility.
The structure was improved to make navigation easier and encourage user engagement.
In addition, I implemented basic SEO optimization across key pages and products to improve search engine ranking potential.
KEY WORK DONE:
Website UI redesign for better visual structure.
Improved homepage and product layout.
Added and organized product listings.
Basic SEO setup for pages and products (titles, meta, structure).
Optimized content structure for better readability and ranking.
TOOLS USED:
WordPress
Elementor
WooCommerce
Basic On-Page SEO
RESULT:
Delivered a cleaner, more professional website with improved usability, better product presentation, and a stronger SEO foundation for future ranking growth.
0
70
LINHS BEAUTY:
Brand E-commerce Website
CLIENT REQUIREMENT:
The client needed a complete website for their beauty brand with:
A clean and modern brand-focused design.
Product showcasing with approximately 10 items.
A simple and effective user journey.
Secure online payment integration.
A structure that highlights products directly on the landing page.
MY SOLUTION:
I designed and developed a conversion-focused single-page website where all key information and product highlights are presented on the main landing page.
A dedicated product page was created for detailed viewing, while keeping the overall user journey simple and focused.
Additionally, I implemented a full payment integration system, enabling customers to complete purchases smoothly and securely.
KEY WORK DONE:
Designed a modern beauty brand website layout.
Built a single-page structure for better user flow.
Uploaded and organized 10 products.
Created a dedicated product page.
Integrated complete payment system.
Optimized layout for product visibility and conversion.
TOOLS USED:
WordPress
Elementor
WooCommerce
Payment Gateway Integration
RESULT:
Delivered a fully functional e-commerce website with a streamlined user experience, organized product display, and secure payment system ready for customer transactions.
0
62
E-Alpha Services
0
0