Freelancers using WooCommerce in RawalpindiFreelancers using WooCommerce in Rawalpindi
WordPress Frontend Developer | UI/UX Designer | Next Js
New to Contra
WordPress Frontend Developer | UI/UX Designer | Next Js
Cover image for I built a complete AI
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
97
100% Job Success: WordPress & Shopify Expert
100% Job Success: WordPress & Shopify Expert
Web Developer – Turning designs into responsive websites
New to Contra
Web Developer – Turning designs into responsive websites
Cover image for Football Academy Website
I worked with
Football Academy Website I worked with a football academy to build a digital home that does much more than just look good. The goal was to take their entire enrollment process—from the first time a parent lands on the site to the moment they book a session—and make it as smooth and automated as possible. Built a Complete Enrollment Hub: Using WordPress and Elementor, I designed a site that makes it easy for parents to find the right training program for their children. Smart Automation: I integrated AI tools and custom lead funnels that automatically handle inquiries, ensuring the academy team never misses a potential new student. Custom Functionality: I used custom scripts and JavaScript to add special interactive features. For example, I created specific navigation logic that guides visitors exactly where they need to go based on what they click, making the site feel personalized. Payment & Tracking: I set up a secure payment gateway for seamless bookings and installed a comprehensive tracking system so the academy can see exactly where their visitors come from and how they interact with the site. SEO & Speed: I optimized the entire site to make sure it shows up when local families search for football training, ensuring it stays fast and easy to navigate even on mobile devices. By combining great design with smart technical tools, I turned their website into a 24/7 assistant that helps the academy grow its community, manage enrollments, and focus on what matters most—coaching the kids.
0
51
Cover image for Tech Agency Portfolio & Insight
Tech Agency Portfolio & Insight Hub To effectively showcase my professional services and technical expertise, I built my own agency-grade portfolio website from the ground up. This platform serves as a central hub for my business, combining a service-oriented interface with a robust knowledge base to connect with potential clients. What I Did: Modern Full-Stack Architecture: Built using React for a dynamic, lightning-fast frontend and Nest.js for a scalable, efficient backend, ensuring the site is as high-performance as the work I deliver to my clients. Comprehensive Service & Project Showcase: Designed a dedicated section to detail my specific service offerings, complete with an organized project portfolio and deep-dive case studies that illustrate how I solve real business problems. Integrated Blog/Insight Hub: Developed a custom blog page to share industry insights, technical tutorials, and updates, establishing authority and providing ongoing value to visitors. Conversion-Focused UX: As seen in 967shots_so.jpg, the design features a streamlined, multi-step consultation request flow, making it incredibly easy for leads to reach out and start a project. Professional Workflow Visibility: I included a clear "How We Work" section to show prospective clients exactly what the process looks like, from discovery and planning to deployment and support, building immediate trust. This platform is more than just a resume—it’s a living example of my technical skills in action. By combining a clean, modern user interface with a powerful, data-driven backend, I’ve created a professional environment that effectively converts visitors into partners and demonstrates my commitment to delivering scalable, high-quality digital solutions.
0
37
Cover image for Custom Harmony Cost Calculator Plugin
To
Custom Harmony Cost Calculator Plugin To help potential enterprise clients better understand their needs and get instant pricing estimates, I built a bespoke calculator from the ground up. Instead of using a generic tool, I developed a custom WordPress plugin that allows for better scalability, easier updates, and seamless integration with the client's existing CRM. Built a Multi-Step User Experience: I designed a guided, step-by-step flow that collects detailed business information, current technical infrastructure (including PBX, gateways, and middleware), and specific license requirements. Custom Calculation Logic: I implemented dynamic math logic that calculates both monthly and annual costs in AED based on the quantities and licenses selected by the user. Advanced Lead Integration: The plugin doesn't just display numbers; it automates the sales process by sending automated notifications to the EMW sales team, emailing confirmations to the customer, and pushing all lead data directly into Zoho CRM. User-Centric Design: As seen in 563shots_so.jpg, I ensured the interface is clean, mobile-responsive, and matches the EMW corporate branding, providing a modern experience that builds trust with enterprise buyers. Complex Data Handling: I created a system to handle a wide range of technical inputs—from current phone brands and analog ports to middleware solutions—ensuring that every estimate is based on the client's actual environment. This tool acts as a 24/7 digital sales consultant. It removes the friction of waiting for a quote, qualifies leads by capturing deep technical data, and provides potential clients with an immediate, transparent view of what the Harmony solution costs for their specific business.
0
41
Let’s transform your vision into a stunning online presence!
5.0
Rating
2
Followers
Let’s transform your vision into a stunning online presence!