Raihan Qatrunada is a Product Designer and Framer Developer based in Bandung, Indonesia, with 3 years of experience crafting websites and digital experiences for startups, businesses, and personal brands. My work sits between design and development focusing on clean interfaces, responsive systems, and interactions that feel intentional and effortless. I enjoy turning ideas into polished experiences that not only look good, but also communicate clearly and perform well.
Recently, I’ve been diving deeper into design engineering exploring how code, motion, and interaction can elevate the way people experience products online. Outside of work, I enjoy experimenting with layouts, interactions, and creative systems that push my craft forward little by little.
WORK EXPERIENCES
STACK
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 511 511" xmlns="http://www.w3.org/2000/svg"><path d="M 0 65.472 C 0 29.312 29.313 0 65.472 0 L 130.944 0 L 130.944 65.472 C 130.944 101.632 101.632 130.944 65.472 130.944 C 29.313 130.944 0 101.632 0 65.472 Z" fill="rgb(10, 207, 131)" height="130.94374999999997px" id="lq87J6SZd" transform="translate(124.553 320.981)" width="130.9437499999971px"/><path d="M 0 65.472 C 0 29.312 29.312 0 65.472 0 C 101.63 0 130.944 29.312 130.944 65.472 C 130.944 101.632 101.63 130.944 65.472 130.944 C 29.312 130.944 0 101.63 0 65.472 Z" fill="rgb(26, 188, 254)" height="130.94375000000002px" id="zmXcidJip" transform="translate(255.5 190.035)" width="130.94374999999707px"/><path d="M 0 65.472 C 0 101.632 29.313 130.944 65.472 130.944 L 130.944 130.944 L 130.944 0 L 65.472 0 C 29.313 0 0 29.312 0 65.472 Z" fill="rgb(162, 89, 255)" height="130.94374999999997px" id="kpFBwFswo" transform="translate(124.553 190.038)" width="130.9437499999971px"/><path d="M 0 0 L 0 130.944 L 65.472 130.944 C 101.632 130.944 130.944 101.632 130.944 65.472 C 130.944 29.313 101.632 0 65.472 0 Z" fill="rgb(255, 114, 98)" height="130.94375px" id="JhKyyGlnQ" transform="translate(255.5 59.088)" width="130.94374999999707px"/><path d="M 0 65.472 C 0 101.632 29.313 130.944 65.472 130.944 L 130.944 130.944 L 130.944 0 L 65.472 0 C 29.313 0 0 29.313 0 65.472 Z" fill="rgb(242, 78, 30)" height="130.9439096875px" id="l5jRiS0Qb" transform="translate(124.553 59.091)" width="130.9437499999971px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 511 511" xmlns="http://www.w3.org/2000/svg"><g d="M 0 511 L 0 0 L 511 0 L 511 511 Z M 100.156 339.815 L 200.823 283.605 L 202.356 278.495 L 200.823 275.94 L 195.713 275.94 L 178.85 274.918 L 121.618 273.385 L 71.54 270.83 L 22.995 268.275 L 10.731 265.72 L 0 250.39 L 1.022 242.725 L 11.242 236.082 L 26.061 237.104 L 58.254 239.659 L 106.799 242.725 L 142.058 244.769 L 194.18 250.901 L 202.356 250.901 L 203.378 247.324 L 200.823 245.28 L 198.779 243.236 L 148.19 209.51 L 94.024 173.74 L 65.408 152.789 L 50.078 142.569 L 42.413 132.349 L 39.347 110.887 L 53.144 95.557 L 72.051 97.09 L 76.65 98.112 L 95.557 112.931 L 136.437 144.102 L 189.07 183.96 L 196.735 190.092 L 199.801 188.048 L 200.312 186.515 L 196.735 180.894 L 168.63 127.75 L 137.97 74.606 L 124.173 52.633 L 120.596 39.347 C 119.063 34.237 118.552 29.127 118.552 24.017 L 133.882 2.555 L 143.08 0 L 164.542 3.066 L 172.718 10.22 L 186.004 40.88 L 206.955 88.403 L 240.17 152.789 L 250.39 172.207 L 255.5 189.581 L 257.033 194.691 L 260.61 194.691 L 260.61 192.136 L 263.165 155.344 L 268.275 110.887 L 273.385 53.655 L 274.918 37.303 L 283.094 17.885 L 298.424 7.665 L 311.71 13.286 L 321.93 28.105 L 320.397 37.303 L 314.776 76.65 L 301.49 138.481 L 293.825 180.383 L 298.424 180.383 L 303.534 174.762 L 324.485 147.168 L 359.744 103.222 L 375.074 85.337 L 393.47 66.43 L 405.223 57.232 L 427.196 57.232 L 443.037 81.249 L 435.883 106.288 L 413.399 134.904 L 394.492 158.921 L 367.409 195.202 L 351.057 224.329 L 352.59 226.373 L 356.167 226.373 L 417.487 213.087 L 450.191 207.466 L 489.027 200.823 L 506.912 208.999 L 508.956 217.175 L 501.802 234.549 L 459.9 244.769 L 410.844 254.989 L 337.771 271.852 L 336.749 272.363 L 337.771 273.896 L 370.475 276.962 L 384.783 277.984 L 419.531 277.984 L 483.917 283.094 L 500.78 293.314 L 510.489 307.111 L 508.956 317.331 L 482.895 330.617 L 448.147 322.441 L 366.387 303.023 L 338.793 296.38 L 334.705 296.38 L 334.705 298.424 L 358.211 321.419 L 400.624 359.744 L 454.79 409.311 L 457.345 421.575 L 450.702 431.795 L 443.548 430.773 L 396.536 395.003 L 378.14 379.673 L 337.26 344.925 L 334.705 344.925 L 334.705 348.502 L 343.903 362.299 L 393.981 437.416 L 396.536 460.411 L 392.959 467.565 L 379.673 472.675 L 365.876 469.609 L 336.238 428.729 L 305.578 382.739 L 281.561 340.837 L 279.006 342.881 L 264.187 497.203 L 257.544 504.868 L 242.214 511 L 229.439 500.78 L 222.285 485.45 L 229.439 453.768 L 237.615 412.888 L 244.258 380.184 L 250.39 339.815 L 253.967 326.529 L 253.967 325.507 L 250.39 325.507 L 219.73 367.92 L 173.74 430.773 L 136.948 469.609 L 128.261 473.186 L 112.931 465.521 L 114.464 451.213 L 122.64 439.46 L 173.74 374.052 L 204.4 333.683 L 224.84 310.177 L 224.329 307.622 L 222.796 307.622 L 87.892 395.514 L 63.875 398.58 L 53.655 388.36 L 54.677 373.03 L 59.787 367.92 L 100.667 339.815 Z" fill="transparent" height="511px" id="X7C8fE8Fi" width="511px"><path d="M 0 511 L 0 0 L 511 0 L 511 511 Z" fill="transparent" height="511px" id="XhsTr9fqQ" width="511px"/><path d="M 100.156 339.815 L 200.823 283.605 L 202.356 278.495 L 200.823 275.94 L 195.713 275.94 L 178.85 274.918 L 121.618 273.385 L 71.54 270.83 L 22.995 268.275 L 10.731 265.72 L 0 250.39 L 1.022 242.725 L 11.242 236.082 L 26.061 237.104 L 58.254 239.659 L 106.799 242.725 L 142.058 244.769 L 194.18 250.901 L 202.356 250.901 L 203.378 247.324 L 200.823 245.28 L 198.779 243.236 L 148.19 209.51 L 94.024 173.74 L 65.408 152.789 L 50.078 142.569 L 42.413 132.349 L 39.347 110.887 L 53.144 95.557 L 72.051 97.09 L 76.65 98.112 L 95.557 112.931 L 136.437 144.102 L 189.07 183.96 L 196.735 190.092 L 199.801 188.048 L 200.312 186.515 L 196.735 180.894 L 168.63 127.75 L 137.97 74.606 L 124.173 52.633 L 120.596 39.347 C 119.063 34.237 118.552 29.127 118.552 24.017 L 133.882 2.555 L 143.08 0 L 164.542 3.066 L 172.718 10.22 L 186.004 40.88 L 206.955 88.403 L 240.17 152.789 L 250.39 172.207 L 255.5 189.581 L 257.033 194.691 L 260.61 194.691 L 260.61 192.136 L 263.165 155.344 L 268.275 110.887 L 273.385 53.655 L 274.918 37.303 L 283.094 17.885 L 298.424 7.665 L 311.71 13.286 L 321.93 28.105 L 320.397 37.303 L 314.776 76.65 L 301.49 138.481 L 293.825 180.383 L 298.424 180.383 L 303.534 174.762 L 324.485 147.168 L 359.744 103.222 L 375.074 85.337 L 393.47 66.43 L 405.223 57.232 L 427.196 57.232 L 443.037 81.249 L 435.883 106.288 L 413.399 134.904 L 394.492 158.921 L 367.409 195.202 L 351.057 224.329 L 352.59 226.373 L 356.167 226.373 L 417.487 213.087 L 450.191 207.466 L 489.027 200.823 L 506.912 208.999 L 508.956 217.175 L 501.802 234.549 L 459.9 244.769 L 410.844 254.989 L 337.771 271.852 L 336.749 272.363 L 337.771 273.896 L 370.475 276.962 L 384.783 277.984 L 419.531 277.984 L 483.917 283.094 L 500.78 293.314 L 510.489 307.111 L 508.956 317.331 L 482.895 330.617 L 448.147 322.441 L 366.387 303.023 L 338.793 296.38 L 334.705 296.38 L 334.705 298.424 L 358.211 321.419 L 400.624 359.744 L 454.79 409.311 L 457.345 421.575 L 450.702 431.795 L 443.548 430.773 L 396.536 395.003 L 378.14 379.673 L 337.26 344.925 L 334.705 344.925 L 334.705 348.502 L 343.903 362.299 L 393.981 437.416 L 396.536 460.411 L 392.959 467.565 L 379.673 472.675 L 365.876 469.609 L 336.238 428.729 L 305.578 382.739 L 281.561 340.837 L 279.006 342.881 L 264.187 497.203 L 257.544 504.868 L 242.214 511 L 229.439 500.78 L 222.285 485.45 L 229.439 453.768 L 237.615 412.888 L 244.258 380.184 L 250.39 339.815 L 253.967 326.529 L 253.967 325.507 L 250.39 325.507 L 219.73 367.92 L 173.74 430.773 L 136.948 469.609 L 128.261 473.186 L 112.931 465.521 L 114.464 451.213 L 122.64 439.46 L 173.74 374.052 L 204.4 333.683 L 224.84 310.177 L 224.329 307.622 L 222.796 307.622 L 87.892 395.514 L 63.875 398.58 L 53.655 388.36 L 54.677 373.03 L 59.787 367.92 L 100.667 339.815 Z" fill="rgb(255, 255, 255)" height="511px" id="Bapj2S5x1" width="510.48899999999753px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 511 511" xmlns="http://www.w3.org/2000/svg"><path d="M 0 27.48 C 0 42.657 12.202 54.96 27.253 54.96 L 180.442 54.96 L 253.116 54.96 C 278.856 54.96 300.053 62.975 316.707 79.005 C 333.36 95.036 341.688 115.646 341.688 140.836 C 341.688 164.117 333.36 183.201 316.707 198.086 C 300.053 212.589 278.856 219.842 253.116 219.842 L 154.956 219.842 C 139.904 219.842 127.704 232.144 127.704 247.322 C 127.704 262.498 139.904 274.801 154.956 274.801 L 253.116 274.801 L 263.336 274.801 L 360.993 432.812 C 367.05 442.354 375.566 447.125 386.543 447.125 C 398.655 447.125 407.171 442.354 412.093 432.812 C 417.013 422.889 416.066 412.393 409.254 401.325 L 322.385 260.489 C 345.853 249.802 364.4 234.155 378.027 213.544 C 391.653 192.553 398.465 168.315 398.465 140.836 C 398.465 112.974 392.221 88.548 379.729 67.555 C 367.617 46.563 350.584 30.152 328.63 18.32 C 306.677 6.106 281.505 0 253.116 0 L 27.253 0 C 12.202 0 0 12.303 0 27.48 Z" fill="rgb(0, 0, 0)" height="447.125px" id="jHf_QqPMK" transform="translate(47.906 31.938)" width="415.187273816368px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 511 511" xmlns="http://www.w3.org/2000/svg"><path d="M 162.057 271.344 C 112.654 265.356 77.847 229.8 77.847 183.765 C 77.847 165.052 84.584 144.842 95.813 131.368 C 90.946 119.018 91.695 92.818 97.31 81.965 C 112.281 80.093 132.491 87.953 144.467 98.806 C 158.69 94.315 173.66 92.07 191.999 92.07 C 210.339 92.07 225.31 94.315 238.783 98.432 C 250.385 87.953 270.97 80.093 285.94 81.965 C 291.18 92.07 291.929 118.269 287.063 130.994 C 299.039 145.216 305.402 164.304 305.402 183.765 C 305.402 229.8 270.595 264.607 220.443 270.97 C 233.168 279.204 241.777 297.168 241.777 317.754 L 241.777 356.678 C 241.777 367.904 251.133 374.267 262.361 369.776 C 330.104 343.95 383.25 276.209 383.25 192.373 C 383.25 86.456 297.168 0 191.25 0 C 85.333 0 0 86.456 0 192.373 C 0 275.46 52.772 344.326 123.883 370.151 C 133.987 373.892 143.719 367.158 143.719 357.053 L 143.719 327.11 C 138.479 329.356 131.742 330.853 125.753 330.853 C 101.052 330.853 86.456 317.378 75.977 292.303 C 71.859 282.197 67.368 276.209 58.76 275.086 C 54.269 274.713 52.772 272.841 52.772 270.595 C 52.772 266.105 60.257 262.736 67.742 262.736 C 78.596 262.736 87.953 269.472 97.683 283.32 C 105.17 294.175 113.028 299.04 122.385 299.04 C 131.742 299.04 137.731 295.672 146.339 287.064 C 152.701 280.701 157.566 275.086 162.057 271.344 Z" fill="rgb(255, 255, 255)" height="371.2280456014434px" id="v2puLJXSp" transform="translate(64.676 67.867)" width="383.25040342105467px"/></svg>)
POSTCARDS
Bandung, Indonesia