Rashid Ali's Work | ContraWork by Rashid Ali
Rashid Ali
pro

Rashid Ali

Full-stack developer

    5.00
    Rating
    13
    Followers
Cover image for Framer website for Scale Up
Framer website for Scale Up Spaces, an architecture and interior design brand. Built with custom sections, smooth animations, pricing tables, and lead forms. Fully responsive, fast-loading, and designed to convert visitors into booked consultations.๐Ÿ™Œ Live Preview: https://scale-up-spaces.framer.website/
1
32
Cover image for Framer site built for one
Framer site built for one goal: converting visitors into booked patients, not just looking pretty. CMS-driven service sections, animated success-story metrics, and a mobile-first layout that guides every visitor straight to booking. Clean structure, fast load, zero template feel. Live Preview: https://clowd-project.framer.website/
1
41
Cover image for My latest Framer build: Truewind,
My latest Framer build: Truewind, a pixel-perfect, performance-optimized website engineered with modern web standards and sleek UI components.๐Ÿ’ฏ Live Preview : https://www.truewind.ai/
3
79
Cover image for Framer powers this full-stack Transport
Framer powers this full-stack Transport Management System I built end-to-end for BeFyrst, a European road freight company. The self-serve platform replaces manual phone and email coordination by featuring instant online quoting, 24/7 live shipment tracking, dispatch and lane management, and a dedicated client portal supporting JIT/express, dedicated-lane, and spot freight bookings.๐Ÿ˜Š Result: Quote turnaround cut from hours to minutes, with full shipment traceability from pickup to proof of delivery. My role: End-to-End Framer Design & Interactive Development built to scale and convert. Live:https://befyrst.com/
5
150
Cover image for Built on WordPress, this e-commerce
Built on WordPress, this e-commerce platform for Be Happy Go Leafy features a clean layout, responsive mobile design, and custom WooCommerce integration. I engineered fluid interactions, optimized page speed, and built an intuitive navigation structure to maximize customer engagement, resulting in an effortless shopping experience that effectively drives conversions for functional lifestyle products.๐Ÿ™Œ ๐Ÿ˜Š Live Website: https://behappygoleafy.com/
3
108
Framer powers this sleek portfolio I built from scratch for a creative director. Bryce Willem is a creative director working across design and storytelling. I designed and built his portfolio in Framer as a CMS-driven, multi-page editorial site, my strongest example of Framer design system thinking. I built a Framer CMS collection for case studies that feeds both the index and detail pages from one source. The system uses editorial typography, warm colors, hand-drawn accents, and subtle hover interactions for a gallery-like feel. ๐Ÿ’ฏ ๐Ÿง  ๐Ÿ”—Live Website: https://brycewillem.design/
1
104
Eat Clean Bro | Shopify E-commerce Platform
2
7
Cover image for Built on Shopify, this high-performing
Built on Shopify, this high-performing e-commerce platform for tri.balance features custom interactive health tools, complex dynamic CMS structures, seamless animations, and a responsive storefront engineered for maximum conversion, speed, and exceptional user experience. Live Website: https://tribalance.de/
1
4
237
Framer Developer for AI SaaS โ€” Billix Website Build Billix is an AI SaaS workspace automating tasks across 500+ integrations one of the most technically complex Framer websites in my portfolio. I led branding, Framer web design, and front-end development from scratch. The challenge was making 500+ integrations feel simple, not overwhelming solved with clear hierarchy, custom Framer components, and guiding motion. I built a Framer CMS structure so the team can scale content without touching the design. A strong example of conversion-focused Framer SaaS design. My role.ย Framer Designer & Developer Webiste: https://www.billix.xyz/
3
231
Cover image for MasterPOS - SaaS Website Development with Webflow
MasterPOS - SaaS Website Development with Webflow
1
4
Cover image for Webflow is the foundation of
Webflow is the foundation of this project! ๐Ÿš€ I engineered a high-performance, fully responsive site with smooth interactions and a clean CMS. I love turning complex designs into seamless, scalable web experiences. ๐Ÿ’ปโœจ Really proud of how the interactions and CMS turned out, check it out! ๐ŸŽจ๐Ÿ”ฅ Website : https://jordan-meher.webflow.io/
5
354
Cover image for Webflow was the foundation for
Webflow was the foundation for this high-performance build, chosen to deliver Bunkr Designโ€™s bold, moody aesthetic with flawless responsiveness. I engineered a seamless user journey, optimizing asset performance for image-rich portfolios while implementing a robust CMS for scalable content management. This site transforms brand identity into an intuitive, conversion-focused digital experience that elevates the clientโ€™s professional presence.๐Ÿš€ Website : https://www.bunkrdesign.co.uk/
4
173
Cover image for Full-Stack E-Commerce Build for VitaHustle.
Engineered
Full-Stack E-Commerce Build for VitaHustle. Engineered a high-performance wellness storefront built on custom Shopify architecture. Developed smooth user interactions, clear visual layouts, and an optimized, secure backend subscription gateway to scale recurring revenue and maximize conversion rates seamlessly.๐Ÿ˜Ž๐Ÿ†๐ŸŽฏ Webiste: https://vitahustle.com/
2
201
Peakline | Premium Executive Coaching Framer Platform Built conversion-optimized Framer website for executive coaching service. Designed premium positioning for founders/CEOs, implemented Calendly booking integration, created testimonial carousel with ROI metrics, optimized mobile-first responsive design. Result: elevated brand perception, increased demo booking conversions, professional lead capture system. Website: https://peakline.framer.website/
2
2
226
Framer build for a B2B coaching brand. Custom section architecture, reusable components, CMS integration, and smooth scroll animations. Designed and developed end to end with a conversion-first approach and clean handover for the client.๐Ÿ’ฏ Website : https://coachone.framer.website/
1
201
Framer & React Full-Stack Platform for Interactive Childrenโ€™s Storytelling.๐Ÿ™Œ ๐Ÿ˜Š Engineered a high-performance web platform utilizing fluid animations and dynamic user routing. Built a playful, highly interactive responsive layout tailored for EdTech personalization, ensuring fast load times and a seamless multivariant storytelling showcase for global users. Website : https://www.yunastories.com/
2
2
184
Bespoke Webflow E-Commerce Build for Architectural Furniture. I am proud to announce my latest projects, showcasing my expertise in high end Webflow development, API integration, and performance optimization. These builds demonstrate my ability to craft minimalist, editorial-style UI/UX while architecting robust, scalable backends that maintain premium performance across thousands of pages. I build digital experiences that perform flawlessly.
2
2
222
Webflow architecture meets elite-tier interactivity. I specialize in crafting high-performance digital experiences that merge storytelling with fluid, state-machine animations via Rive. I build platforms that feel alive, turning complex data or brand legacy into sleek, motion-rich interfaces that demand attention and drive meaningful user engagement.
2
186
Cover image for ๐Ÿ’ผ Building Custom Shopify Experiences.
Aelfric
๐Ÿ’ผ Building Custom Shopify Experiences. Aelfric Eden is a high-volume, global streetwear enterprise requiring an enterprise-grade Shopify storefront capable of handling massive transactional spikes during viral product drops. Key Features & Implementation Custom Liquid Development: Engineered a blazing-fast, template-free mobile layout utilizing custom Shopify Liquid code to ensure maximum Google Lighthouse performance. Advanced CRO Stack: Integrated fluid multi-tier dynamic discounts, cross-sell recommendation engines, and modern "Buy Now, Pay Later" localized checkouts (Klarna/Sezzle). Enterprise Scale: Configured deep catalog collection filters alongside robust real-time API inventory synchronization. I don't just configure templates; I architect high performance, conversion-optimized Shopify ecosystems that scale effortlessly as your revenue grows.
2
186
Cover image for I designed and developed UareAI
I designed and developed UareAI in Framer, a human-first AI platform that lets users shape an individual AI that learns from their stories, values, and experiences. Built with clean Framer components, refined motion, and fully responsive layouts, the site delivers a premium, trustworthy experience that reflects the product's private and personal nature. Website: https://www.uare.ai/
2
186
Cover image for Webflow Development, Animations, Interactions, HubSpot
Webflow Development, Animations, Interactions, HubSpot integration, Technical SEO, Custom code solutions, Website Performance Optimization Website: https://www.dualentry.com/
3
3
237
Cover image for Custom Wordpress Design and Development

A
Custom Wordpress Design and Development A prominent B2B industrial equipment supplier approached me to overhaul their slow, fragmented online store into a clean, high-performance WooCommerce engine. The existing site was losing qualified leads due to a frustrating 6+ second page load speed and lacked essential wholesale business systems. My goal was to completely rebuild the digital storefront from the ground up using a lightweight custom child theme based directly on their Figma designs. I engineered a custom product builder with dynamic conditional pricing, implemented a multi-language framework. Website: https://www.timbertech.com/
2
173
Cover image for Webflow Development
Webflow Development
2
5
Cover image for The client, an award-winning fintech startup, needed a compl...
The client, an award-winning fintech startup, needed a complete redesign and structural overhaul of their website. As the lead UI/UX Designer and Webflow Developer, I transformed their digital presence from a basic site into a high-performing SaaS platform. My Solution: ๐ŸŽจ ๐—™๐—ถ๐—ด๐—บ๐—ฎ ๐—ฅ๐—ฒ๐—ฑ๐—ฒ๐˜€๐—ถ๐—ด๐—ป: Created a modern, conversion-focused UI/UX. โšก ๐—ช๐—ฒ๐—ฏ๐—ณ๐—น๐—ผ๐˜„ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜: Built a pixel-perfect, responsive site with advanced CMS. ๐Ÿช„ ๐—–๐˜‚๐˜€๐˜๐—ผ๐—บ ๐—œ๐—ป๐˜๐—ฒ๐—ฟ๐—ฎ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€: Added premium animations for a high-end feel. ๐Ÿš€ ๐—ฅ๐—ฒ๐˜€๐˜‚๐—น๐˜: Improved CRO and 90+ PageSpeed score. Website: https://www.fintura.io/
1
143
Cover image for Custom Shopify Design && Development

Already
Custom Shopify Design && Development Already successful on Etsy and Faire, the brand wanted a Shopify store to expand sales channels while authentically telling its story. I designed their store with a minimalistic, cause-driven layout that blends cultural storytelling with eCommerce best practices. The homepage hero features a striking monochrome video, immediately immersing visitors in the brandโ€™s identity and guiding them straight to collections. From there, product collections were designed to highlight apparel, hats, and accessories, each tied to cultural symbolism and activism. Website: https://stitch4pali.com/
2
3
227
Cover image for Custom built site with free
Custom built site with free stock images. Owner provided content. Pages: Home Services Service Areas FAQ About Contact Us Privacy Policy Request a Machine
1
108
Cover image for Professional 3-Page WordPress Website Design and Development
The client needed a simple, professional 3-page WordPress website to establish an online presence. I designed and developed the website from scratch, creating clean layouts, responsive design, and user-friendly navigation. I ensured fast loading speed, mobile compatibility, and easy content management. The final result was a polished WordPress website that clearly presented the clientโ€™s services and improved their credibility online.
1
108
Cover image for The client needed a fashion
The client needed a fashion brand website that delivers a strong visual identity while guiding users toward product discovery and purchase. The existing experience lacked clear product flow and conversion-focused structure. Using WordPress, WooCommerce, and Elementor, I optimized the layout, improved product presentation, and streamlined the shopping journey resulting in a visually engaging, fast, and conversion-focused website that enhances user experience and drives sales.
1
113
Cover image for Convert a Figma design into
Convert a Figma design into a fully functional Webflow website with advanced animations and interactions. Website: https://www.brandon-archibald.com/ Scope of Work: 1) Build: Convert the Figma design into Webflow. 2) Animations: Implement advanced interactions and motion effects. 3) Responsive Design: Adjust layouts for all devices. 4) Optimization: Improve performance and smoothness. 5) Testing: Final review and refinements before launch.
1
127
Cover image for Domaine YoYo is a Framerโ€‘built
Domaine YoYo is a Framerโ€‘built oneโ€‘page presentation site for a Southern French winery, guiding visitors through the estate, its terroir, and a collection of natural wines via smooth sectionโ€‘based navigation and dedicated pages for each cuvรฉe.
1
105
Cover image for 

The Flower Agency is a
The Flower Agency is a Framerโ€‘built marketing site for a fullโ€‘service growth agency, outlining their expertise across paid media, creative, CRM, influencer and affiliate marketing, and converting leads through a detailed contact form and newsletter signup.
1
102
Cover image for My role in this project
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
1
99
Cover image for Tasks:
1) Adjust scroll/easing behavior to
Tasks: 1) Adjust scroll/easing behavior to make it feel more responsive. 2) Add a visible scrollbar to improve navigation. 3) Replace the current โ€œscroll downโ€ interaction with three distinct sections, each having its own standalone URL for direct linking. 4) Add introductory text beneath therapeutic headings on the work pages, ensuring fully responsive formatting. 5) Redesign video pages so that descriptions appear below or alongside the videos (instead of pop-ups), and optimize layouts for mobile devices. 6) Implement a cookie banner. Deadline: 2 weeks
1
106
Cover image for Task: The client provided a
Task: The client provided a Webflow template, which I customized by updating colors, fonts, and images. Workflow Stages: 1) Initial discussion with the client to clarify the project goals. 2) Reviewing all provided materials and obtaining Webflow access. 3) Editing the existing template and developing the new sections as per the clientโ€™s vision. 4) Collecting final feedback and wrapping up the project. Interested in a similar Webflow project? Feel free to reach out - I'd be happy to discuss your ideas and how we can bring them to life on Webflow.
0
100
Cover image for Task: Create a website using
Task: Create a website using Webflow based on the design provided in Figma Deadline: 7 days Stages of work: Introductory communication with the client. Familiarization with all materials and gaining access to the site on Webflow. Draft the first page and feedback from the client. Layout of all pages. Final feedback from the client and completion of the project. Would you like to make a similar project on Webflow? Please write to me and we will talk about your project.
0
95
Cover image for Task:
Convert a Figma design into
Task: Convert a Figma design into a fully functional Webflow website with advanced animations and interactions. Scope of Work: 1) Build: Convert the Figma design into Webflow. 2) Animations: Implement advanced interactions and motion effects. 3) Responsive Design: Adjust layouts for all devices. 4) Optimization: Improve performance and smoothness. 5) Testing: Final review and refinements before launch. Deadline: 1 month
0
98