Beautiful Interfaces.
Scalable Frontends.
I design and develop responsive web & mobile interfaces using Figma Next.js
and Tailwind CSS
.
User Experience Design (UX)
I design intuitive and goal-oriented user experiences through persona development, user flow mapping, and information architecture. By combining user research with UX strategy, I ensure every product is easy to use, highly functional, and aligned with user needs.
Visual & UI Design
Designing clean, modern interfaces in Figma that align with your brand and engage users.
Front-End Development
Building fast, responsive websites and apps using React, Next.js, and Tailwind CSS.
Project Management & Consulting
Leading digital projects from idea to launch with UX strategy, design direction, and creative oversight.
Design Systems & Component Libraries
Creating reusable design systems in Figma and code (React + Tailwind CSS) to ensure consistency and speed up development.
Landing Page Optimization
Designing high-converting landing pages with clear UX copy and strong calls to action.
No-Code MVP Prototyping
Helping startups launch fast with interactive prototypes or MVPs using Figma, Framer, or Webflow.
Real work, real results
Building Beautiful, Usable, and Scalable Products
I'm Muhammed Rafi, a product-focused UI/UX Designer and Front-End Developer from Kerala, India. I help SaaS and tech startups turn ideas into user-friendly, high-performance digital products.
I help businesses bring ideas to life through strong UX strategy, clean visual systems, and fast, scalable code — using Figma, Next.js, and Tailwind CSS.

Open edX
I’ve contributed to Open edX — the open-source learning platform founded by Harvard and MIT. I collaborated with the UI/UX team, focusing on visual design and enhancing user interface components to improve the overall user experience.
Whether you're launching a new product or refining an existing one — let's build something that works beautifully.
Let’s Collaborate
Companies & Projects I’ve Worked With

Open edX: Global e-learning platform reaching millions of students.


Helping companies hire better talent, faster with AI-driven tools.



Reimagining telecom experiences for the next generation.



Open edX: Global e-learning platform reaching millions of students.


Helping companies hire better talent, faster with AI-driven tools.



Reimagining telecom experiences for the next generation.


Shaping Ideas with the Right Tools & Techniques
UX Design
User Research
Interviews, personas, surveys
Information Architecture
Flows, journey maps
Wireframing
Low & mid-fidelity wireframes
Usability Testing
Test & iterate on designs
Miro
UX Mapping & Brainstorming
FigJam
Whiteboarding, flows, feedback
UI Design
Figma
UI Design & Prototyping
Adobe XD
Visual design tools
Framer
Prototyping & Landing Pages
Webflow
No-code responsive builder
Wix
Quick website builder
Front-End Development
HTML5
Structure of web pages
CSS3
Styling
JavaScript
Basic interactivity
TypeScript
Typed JavaScript
Tailwind CSS
Utility-first CSS
Next.js
React-based frontend framework
Git & GitHub
Version control
VS Code
Code Editor
Project Management & Collaboration
Jira
Agile & Sprint Planning
Notion
Docs & Collaboration
Miro
Team Brainstorming
Training & Consultation
Workshops & Webinars
Live & recorded training
UX Consultation
Client-focused UX design