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.
Workflow Quest — An Instrument for Independents
A skeuomorphic 1980s Roland synthesizer terminal built inside Figma for Config Makeathon 2026. Assembles tool stacks into a 16-strand sequence with spring physics and Datacards.
Most Portfolio & Agency Service Sections
Comprehensive architectural breakdown and expandable service section system designed for creative agencies, studios, and independent techpreneurs.
LevelUp — Edtech Platform Design for Contra University
A free 42-day sprint platform that turns freelancers into verified Contra Experts. AI-powered personalized roadmap, accountability partner, and verified badge.
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, editorial, conversion-focused. Monochromatic moonlight aesthetic with 3D tilt motion.
BONDZ — AI Companion SaaS Framer Build
An AI companion SaaS product built natively in Framer. Full production build demonstrating AI-native product design, dark mode editorial aesthetic, 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 delivered as a turnkey agency package.
BONDZ SHOP — Digital E-commerce Figma Build
A digital e-commerce experience designed in Figma. Product listing architecture, cart flow, and full checkout UI — built with conversion-first logic and clean editorial design.
Responsive Framer Hero Screen — ADBONDZ Agency
Responsive hero screen design built in Framer for ADBONDZ Agency. Full mobile-first responsive execution with spring interactions and editorial dark cyber-aesthetic.
Lasagna — One Page Business Landing Website
A clean, conversion-focused one-page business landing site. Structured around a single call to action with clear visual hierarchy, trust markers, and professional editorial layout.
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
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
X / Twitter
Fast thoughts
Ideas, in public
Follow the signal
X / Twitter
Fast thoughts
Ideas, in public
Follow the signal
Instagram
Process & daily notes
Follow the visual trail
See the latest
Instagram
Process & daily notes
Follow the visual trail
See the latest