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
Three ways to build together.
A concise working index — strategic direction, production systems, and motion that earns its place.
CAPABILITIES INDEX
Three ways to build together.
A concise working index — strategic direction, production systems, and motion that earns its place.
CAPABILITIES INDEX
Three ways to build together.
A concise working index — strategic direction, production systems, and motion that earns its place.
Strategy & Design
Research & Positioning
Brand Dev Strategy
Visual Systems
Product & UX Design
Build & Launch
Framer Web Development
AI Workflow & No-Code Builds
CMS & Production
Framer Templates & Marketplace
Motion & Interaction
Motion & Interaction Design
Scroll Animations
Micro-Interactions
Motion Systems
Strategy & Design
Research & Positioning
Brand Dev Strategy
Visual Systems
Product & UX Design
Build & Launch
Framer Web Development
AI Workflow & No-Code Builds
CMS & Production
Framer Templates & Marketplace
Motion & Interaction
Motion & Interaction Design
Scroll Animations
Micro-Interactions
Motion Systems
Strategy & Design
Research & Positioning
Brand Dev Strategy
Visual Systems
Product & UX Design
Build & Launch
Framer Web Development
AI Workflow & No-Code Builds
CMS & Production
Framer Templates & Marketplace
Motion & Interaction
Motion & Interaction Design
Scroll Animations
Micro-Interactions
Motion Systems
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 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 Build
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
No contract — cancel anytime
Full Stack
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
No contract — cancel anytime
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 services
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.