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 - scroll through each case study, one at a time.
SELECTED WORKS
PORTFOLIO AT A GLANCE
From Brand Dev via Product Design to Functional Builds - scroll through each case study, one at a time.
SELECTED WORKS
PORTFOLIO AT A GLANCE
From Brand Dev via Product Design to Functional Builds - scroll through each case study, one at a time.
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