Creative Tech & Design Partner
Creative Tech & Design Partner
Creative Tech & Design Partner
Creative Tech & Design Partner
Bold Brands via UX/Dev & Framer
Bold Brands via UX/Dev & Framer
Bold Brands via UX/Dev & Framer
Bold Brands via UX/Dev & Framer
I build high-performance creative ecosystems for brands that Drive Revenue.
SELECTED WORKS
PORTFOLIO AT A GLANCE
From Brand Dev via Product Design to Functional Builds - see through each case study, one at a time.
SELECTED WORKS
PORTFOLIO AT A GLANCE
From Brand Dev via Product Design to Functional Builds - see through each case study, one at a time.
SELECTED WORKS
PORTFOLIO AT A GLANCE
From Brand Dev via Product Design to Functional Builds - see through each case study, one at a time.
LevelUp — Edtech Platform Design for Contra University
A free 42-day sprint platform that turns freelancers into verified Contra Experts with AI personalized roadmaps, accountability partner, and public learning journals.
Contra VIBE MATCH & Trust Scores
A physics-driven talent discovery experience built with Figma Make for the Figma Makeathon. A living constellation of talent responds to natural language instincts in real time.
BONDZ FINTEC — SaaS Landing Page Design
A high-density single-page fintech SaaS landing page built natively in Framer. Dark-dominant moonlight aesthetic with 3D tilt motion and conversion architecture.
Workflow Quest — An Instrument for Independents
A skeuomorphic 1980s Roland synthesizer terminal inside Figma for Config Makeathon 2026. Assembles tool stacks into a 16-strand sequence with spring physics.
Personal Brand Website Design — Digital Creator
High-ticket personal brand website design engineered for digital creators, founders, and tech entrepreneurs. Clean typography and modular Bento case studies.
BONDZ — AI Companion SaaS Framer Build
AI companion SaaS product built natively in Framer. Full production build demonstrating AI-native product design, dark mode, and conversion architecture.
ADBONDZ — Creative Tech Agency
Full brand identity and web presence for ADBONDZ, a creative tech agency. Brand strategy, visual identity, and complete digital execution.
BONDZ SHOP — Digital E-commerce Figma Build
A digital e-commerce experience designed in Figma. Product listing architecture, cart flow, and checkout UI built with conversion-first logic.
Responsive Framer Hero Screen — ADBONDZ Agency
Responsive hero screen design built in Framer for ADBONDZ Agency. Mobile-first responsive execution with spring interactions.
Lasagna — One Page Business Landing Website
A clean, conversion-focused one-page business landing site with clear visual hierarchy, trust markers, and editorial layout.
Reverse Engineering Physics in Figma: Building Workflow Quest
Technical breakdown on reverse-engineering spring physics, gravity systems, and modular synthesizer terminals in modern interactive Figma builds.
The Autonomous Freelancer: Designing LevelUp for Contra University
In-depth case study on designing high-retention learning loops, gamified accountability structures, and AI-assisted skill progression.
LevelUp — Edtech Platform Design for Contra University
A free 42-day sprint platform that turns freelancers into verified Contra Experts with AI personalized roadmaps, accountability partner, and public learning journals.
Contra VIBE MATCH & Trust Scores
A physics-driven talent discovery experience built with Figma Make for the Figma Makeathon. A living constellation of talent responds to natural language instincts in real time.
BONDZ FINTEC — SaaS Landing Page Design
A high-density single-page fintech SaaS landing page built natively in Framer. Dark-dominant moonlight aesthetic with 3D tilt motion and conversion architecture.
Workflow Quest — An Instrument for Independents
A skeuomorphic 1980s Roland synthesizer terminal inside Figma for Config Makeathon 2026. Assembles tool stacks into a 16-strand sequence with spring physics.
Personal Brand Website Design — Digital Creator
High-ticket personal brand website design engineered for digital creators, founders, and tech entrepreneurs. Clean typography and modular Bento case studies.
BONDZ — AI Companion SaaS Framer Build
AI companion SaaS product built natively in Framer. Full production build demonstrating AI-native product design, dark mode, and conversion architecture.
ADBONDZ — Creative Tech Agency
Full brand identity and web presence for ADBONDZ, a creative tech agency. Brand strategy, visual identity, and complete digital execution.
BONDZ SHOP — Digital E-commerce Figma Build
A digital e-commerce experience designed in Figma. Product listing architecture, cart flow, and checkout UI built with conversion-first logic.
Responsive Framer Hero Screen — ADBONDZ Agency
Responsive hero screen design built in Framer for ADBONDZ Agency. Mobile-first responsive execution with spring interactions.
Lasagna — One Page Business Landing Website
A clean, conversion-focused one-page business landing site with clear visual hierarchy, trust markers, and editorial layout.
Reverse Engineering Physics in Figma: Building Workflow Quest
Technical breakdown on reverse-engineering spring physics, gravity systems, and modular synthesizer terminals in modern interactive Figma builds.
The Autonomous Freelancer: Designing LevelUp for Contra University
In-depth case study on designing high-retention learning loops, gamified accountability structures, and AI-assisted skill progression.
The work keeps moving.
Browse the complete record for systems, launches, experiments, and the decisions behind them.
BROWSE ALL WORK
CAPABILITIES INDEX
Four ways to build together.
A concise working index — strategic direction, production systems, and motion that earns its place.
CAPABILITIES INDEX
Four ways to build together.
A concise working index — strategic direction, production systems, and motion that earns its place.
CAPABILITIES INDEX
Four ways to build together.
A concise working index — strategic direction, production systems, and motion that earns its place.
Framer Web Development
Production-ready Framer builds with clean layer hierarchy, custom code overrides, and calibrated motion.
Product & UX Design
Interface architecture, design systems, and interactive prototypes for web apps, SaaS, and dashboards.
Full Stack: Design + Build
Unified delivery from concept to live URL. Strategy, Figma UI systems, and live Framer production.
Creative Tech & AI Interfaces
Physics-driven interfaces, custom interaction tools, and automated agentic workflow integrations.
Transparent Pricing
Pricing Tiers.
Three clear ways to scope the work — with starting points carried over from the proposal engine.
Transparent Pricing
Pricing Tiers.
Three clear ways to scope the work — with starting points carried over from the proposal engine.
Transparent Pricing
Pricing Tiers.
Three clear ways to scope the work — with starting points carried over from the proposal engine.
Product & UX Design
UX research, wireframes, hi-fi UI, prototype. For apps, dashboards, and SaaS landing pages.
$2,500
UX Research & Discovery
Wireframes & Information Architecture
Hi-fi UI Design System
Interactive Prototype
Apps, Dashboards & SaaS
Async reviews and handoff
Clear scope and timeline
Framer Web Development
Pixel-perfect Framer site or web app. CMS, animations, responsive — shipped and live.
$1,600
Pixel-perfect Framer Build
CMS Collections & Dynamic Content
Animations & Micro-interactions
Fully Responsive — All Breakpoints
Shipped & Live with Custom Domain
Support via Trello + Slack
Turnkey 1–2 Week Delivery
Full Stack: Design + Build
Design + Framer build together — strategy, UI, and final delivery in one seamless engagement.
$3,400
Brand Strategy & Positioning
Full UX/UI Design System
Framer Build — Live & Shipped
CMS, SEO & Analytics Setup
Ongoing Revision Rounds Included
Support via Trello + Slack
Turnkey 2–3 Week Delivery
Workflow
Stacks
The instruments I use to build at the convergence of design, code, and AI.
Workflow
Stacks
The instruments I use to build at the convergence of design, code, and AI.
Workflow
Stacks
The instruments I use to build at the convergence of design, code, and AI.
Approach
Continuous practice.
Strategy, design, and build held in the same conversation — from first question to shipped system.
Approach
Continuous practice.
Strategy, design, and build held in the same conversation — from first question to shipped system.
Approach
Continuous practice.
Strategy, design, and build held in the same conversation — from first question to shipped system.
I’m Mohammad Rafat — a creative technology partner working across product design, brand systems, and Framer. I stay close to the work because the sharpest ideas arrive between the brief, the prototype, and the final build. My practice is built for teams who value clarity, momentum, and decisions that hold up in the real world.
WORKING SET
Framer, Figma, Coding Agents with Agentic Stacks, Notion, and the right amount of AI — treated as instruments, not a stack.
Questions
Frequently asked.
Scope, rates, timelines, and how engagements actually run.
Questions
Frequently asked.
Scope, rates, timelines, and how engagements actually run.
Questions
Frequently asked.
Scope, rates, timelines, and how engagements actually run.
What services do you offer?
+
How do I start a project with you?
+
What’s your hourly rate and timeline?
+
Do you work with international clients?
+
Can I see case studies or live demos?
+
What do you need from me to start?
+
Estimate
Get a proposal in minutes.
Configure scope and timeline, see pricing update live, no back-and-forth emails.
Estimate
Get a proposal in minutes.
Configure scope and timeline, see pricing update live, no back-and-forth emails.
Estimate
Get a proposal in minutes.
Configure scope and timeline, see pricing update live, no back-and-forth emails.
Select Core Services
Choose all services required for your upcoming project.
CLOSING NOTE
If the brief has a pulse, let’s talk.
Send the outline, the uncertainty, or the half-formed idea. I’ll come prepared to make the next step clear.
CLOSING NOTE
If the brief has a pulse, let’s talk.
Send the outline, the uncertainty, or the half-formed idea. I’ll come prepared to make the next step clear.
CLOSING NOTE
If the brief has a pulse, let’s talk.
Send the outline, the uncertainty, or the half-formed idea. I’ll come prepared to make the next step clear.
SEND A BRIEF
BOOK DIRECTLY
15-Min Quick Sync
15-Min Quick Sync
A short focused call to understand your project, timeline, and goals. No pitch, just alignment.
A short focused call to understand your project, timeline, and goals. No pitch, just alignment.
→ Scope alignment & discovery
→ Scope alignment & discovery
→ Timeline & delivery overview
→ Timeline & delivery overview
→ No fluff. Just real answers.
→ No fluff. Just real answers.
Socials
Catch Me on Internet
Building in public across platforms. Let’s connect.
View in LinkTree
Socials
Catch Me on Internet
Building in public across platforms. Let’s connect.
View in LinkTree
Socials
Catch Me on Internet
Building in public across platforms. Let’s connect.
View in LinkTree
Contra
Independent work
Top 7% verified partner
Start a project
Contra
Independent work
Top 7% verified partner
Start a project
Upwork
Freelance services
Available for select projects
Let’s build together
Upwork
Freelance services
Available for select projects
Let’s build together
LinkedIn
Professional network
Connect professionally
Connect now
LinkedIn
Professional network
Connect professionally
Connect now
Dribbble
Shots & explorations
A visual playground
See the shots
Dribbble
Shots & explorations
A visual playground
See the shots
Behance
Visual case studies
Explore the work
View the archive
Behance
Visual case studies
Explore the work
View the archive
GitHub
Code & experiments
Open source thinking
Inspect the code
GitHub
Code & experiments
Open source thinking
Inspect the code
X / Twitter
Fast thoughts
Ideas, in public
Follow the signal
X / Twitter
Fast thoughts
Ideas, in public
Follow the signal
YouTube
Builds in motion
Watch the process unfold
Press play
YouTube
Builds in motion
Watch the process unfold
Press play
Instagram
Process & daily notes
Follow the visual trail
See the latest
Instagram
Process & daily notes
Follow the visual trail
See the latest
Facebook
Community updates
Stay connected
Join the conversation
Facebook
Community updates
Stay connected
Join the conversation