MADBAK / ABOUT

I BUILD DIGITAL THINGS
WITH A POINT OF VIEW.

I'm Babak, working under the name MADBAK.

DESIGN × CODE × MOTION × TECHNOLOGY

CURRENTLY BUILDING DIGITAL EXPERIENCES
Portrait of Babak Ravanbakhsh, creative frontend developer known as Madbak
BABAK RAVANBAKHSHMADBAKJunior Frontend Developer · Creative DeveloperIstanbul / Global

THE PERSON BEHIND MADBAK

I'm Babak — a designer, frontend developer and creative builder working under the name MADBAK.

My background started in graphic design, but my work gradually moved toward digital experiences, frontend development, interaction, motion and creative technology.

Today I work across design and code, building websites, interfaces, digital products and experimental experiences that combine strong visual direction with modern web technology.

Based in Istanbul, I work independently and collaborate with clients and teams across different markets.

03

WHAT I DO

DIGITAL PRODUCTS

Websites · Web Apps · AI-assisted Products · Interactive Experiences

DESIGN

UI / UX · Visual Systems · Art Direction · Brand Identity · Typography · Visual Design

CREATIVE DEVELOPMENT

React · Next.js · TypeScript · GSAP · Three.js · WebGL · Motion · Interactive Interfaces

EXPERIMENTS

AI · Generative Design · 3D · Creative Coding · Digital Art · Characters · Experimental Interfaces

04

DESIGN × CODE

DESIGN

TypographyCompositionVisual SystemsArt DirectionUI / UXMotion

CODE

HTMLCSSJavaScriptTypeScriptReactNext.jsTailwind CSSGSAPFramer MotionThree.jsWebGLGit / GitHubREST APIsFigma

WHERE DESIGN MEETS CODE.

Design gives an idea its visual language. Code gives it behavior.

I DON'T LIKE GENERIC.

I'm interested in digital work with a strong point of view.

I care about typography, rhythm, composition, interaction, motion and the small details that make an interface feel alive.

I don't want to start with a template and decorate it afterwards. I prefer to start with the idea, define its visual language, then build the experience around it.

06

EXPERIENCE

2022PRESENT

WEB DEVELOPER

Shahan Digital

Contributed to website redesigns and frontend improvements, identified usability and visual issues, and helped deliver more modern, responsive and reliable web experiences.

07

SELECTED WORK

MADLAB

A personal laboratory for testing ideas before they become products. Components, interactions, shaders, motion studies, 3D experiments, creative coding and strange digital ideas.

ENTER MADLAB →

09

CURRENTLY

BUILDING

Digital products · Interactive websites · Creative web experiences

LEARNING

Software development · Frontend engineering · Creative technology

EXPLORING

AI · WebGL · Three.js · 3D · Motion · Generative workflows

BASED

Istanbul / Türkiye · Working globally

10

SKILLS

FRONTEND

HTMLCSSJavaScriptTypeScriptReactNext.jsTailwind CSS

CREATIVE DEVELOPMENT

Framer MotionGSAPThree.jsWebGLCreative Coding

DESIGN

FigmaUI / UXResponsive DesignVisual DesignTypography

TOOLS / WORKFLOW

GitGitHubREST APIsAI-assisted development

EDUCATION

Graphic Design · Software Development

Nişantaşı University · Istanbul

LANGUAGES

Persian — Native

English — Working proficiency

Turkish — Working proficiency

FROM VISUAL DESIGN TO DIGITAL EXPERIENCES.

My foundation is visual design.

That background still shows up in how I approach interfaces, typography, composition, visual hierarchy and motion.

Frontend development became the bridge between designing an experience and actually building how it behaves.

OUTSIDE THE SCREEN

Personal interests and sources of inspiration — not services.

GamesCinemaFashion3DArchitectureMusicDigital ArtTechnology

MADBAK is where design, code and experimentation meet.

MADBAK is the creative identity under which Babak explores design, code, digital products, AI, 3D, motion, creative technology and visual experiments.

HAVE AN IDEA?

LET'S BUILD IT.

Have a website, digital product, interactive experience or experimental idea that needs to exist?