As a passionate Web Designer & Developer from Pakistan, I've spent the past 4+ years mastering Webflow and learning how to think like your customers. My goal is to create websites that don't just look stunning — they tell your brand's story and deliver results.
Meet Rafi
01
Performance & SEO
Semantic markup, optimized assets, and meta structure so pages load fast and get found.
02
Motion that earns its place
Scroll-triggered and interaction-based animation used to guide attention, not distract from it.
03
Systems, not one-offs
Class structures kept organized and scalable, so a site stays easy to extend long after launch.
04
Approach
Component-driven builds with clean, reusable class naming — so the site stays easy for a client team to edit after handoff.
What I Do
Services built around real Webflow problems.
Figma to Webflow
Pixel-perfect conversion of Figma designs into fully responsive, production-ready Webflow builds — structure and interactions included.
Webflow Bug Fixes
Fast, surgical fixes for broken interactions, layout breakpoints, and CMS binding issues — anything quietly costing you conversions.
Websites Built with AI
Faster structure, content, and QA with AI tooling in the workflow — every section still gets a deliberate, human design pass.
No-Code Responsive Sites
Fully responsive builds made visually in Webflow — clean semantic structure, no template bloat, no plugin duct tape.
Shopify Store Builds
Custom Shopify storefronts and theme customization — fast, conversion-focused, and easy for your team to manage day to day.
Audits & Performance Tuning
Speed, SEO, and accessibility audits with concrete fixes — lighter pages, faster loads, and better search visibility.
Credentials
Certifications that back the work.
Browse Certificates
HTML, CSS, and JavaScript for Web Developers
The building blocks of the web — semantic HTML, responsive CSS, and JavaScript fundamentals — completed via Coursera.
Johns Hopkins University · Sep 2024
Create a No-Code Responsive Website with Webflow
A guided Coursera project building a fully responsive website in Webflow from scratch — zero custom code, fully production-ready.
Coursera Project Network · Aug 2024
Webflow Certification
Official Webflow certification confirming hands-on ability to design, build, and publish production-ready sites inside the Designer.
Webflow · 2024
CMS Certification
Webflow's CMS track — collections, reference and multi-reference fields, and dynamic templates built to scale with real content.
Webflow University · Sep 2024
Webflow 101 Certification
The foundational Webflow University course — the Designer, the box model, responsive breakpoints, and publishing a live site without writing code.
Webflow University · Sep 2024
Webflow Certification
A second Webflow completion certificate, reinforcing core skills across layout, styling, and interactions.
Webflow · 2024
Selected work
A few of the sites I've shipped.
Eleven Webflow builds across healthcare, real estate, SaaS, and non-profit — for clients spanning Brazil, Germany, the Czech Republic, and beyond.
Non-profit
Beat Sexism
Awareness site for a campaign promoting gender equality.
Healthcare
Vive La Vie
Brand site for an integrative medicine clinic in Brazil.
Automotive
HAIAR
Platform for a German automotive technology company.
Construction
TopStep
Marketing site for a Czech tiling and construction service.
Consulting
Relify
Site for a Brazilian human-centered strategy framework.
Real Estate
Victory Group
Commercial real estate development and portfolio showcase.
Venture
SBI Ventures Europe
Cross-continental innovation and venture-building group.
SaaS
Pace
Product site for an enterprise sales growth application.
Finance
MBS Accountancy
Service site for an accounting and bookkeeping practice.
Events
Steuerberatungs Kongress
Event site for a German tax-consulting conference.
E-commerce
Easy Go Rentals
Booking-driven storefront for a car rental company.
How it Works, Start to Finish.
No black box, no radio silence along the way — here's what you get at every stage of the build.
01
Discovery call
A short call to understand the brand, the goals, and what "done well" looks like.
02
Structure & wireframe
Content and layout mapped out before any visual design begins.
03
Visual design
A styled direction in Figma or straight in Webflow, refined with your feedback.
04
Build in Webflow
Clean, scalable classes and CMS structure, built for real content.
05
Motion & QA
Interactions added, then tested across breakpoints and browsers.
06
Launch & handoff
Site goes live, with a short walkthrough of how to edit it yourself.
Client feedback
What it's like to work together.
Placeholder quotes below — swap these in for real testimonials from past clients.
"Add a short quote from a client here — what they hired you for and what stood out about working with you."
Client name · Company, country
"A second testimonial works well here, ideally focused on communication or turnaround time."
Client name · Company, country
"A third quote rounds this section out nicely — pick your strongest, most specific feedback."
Client name · Company, country
Let's work together
Got a site that needs to look this good?
Tell me about the project and I'll get back to you within 48 hours with next steps.
Non-profit
Meet Rafi
Healthcare
Automotive
Construction
Consulting
Real Estate
Venture
SaaS
Finance
Events
E-commerce