DIGITAL
› initialising canvas…
0
You
Copied
DIGITAL Portfolio-2026 / UI-UX ▸▢◯T✎⌗
ENID
Hire me
// …

Rhafi R.Moeloek

RHAFDIGITAL

Text · Display/XL0 × 0
Rhafi Moeloekby Rhafi Moeloek · architect & web designer
I design & build websites

…

See the work →See pricingDownload CV ↓
hote.id
sanararuang
▢ Desktop — HOTE
hote.id
HOTE website
▢ Desktop — Sanara Ruang
sanararuang
Sanara Ruang website
▢ Desktop — Ruang Nafas Baru
ruangnafasbaru
Ruang Nafas Baru website
▢ Mobile — CariClient
CariClient mobile
24
RMake the drops louder: bigger type, sticky shop button.
Client
Dev
scroll to explore
0websites & apps designed and built
0screens in one web app
0client brands
0social posts designed
UI/UXWeb designDesign systemsFront-end buildBrandMotionMobile-firstAI workflowsUI/UXWeb designDesign systemsFront-end buildBrandMotionMobile-firstAI workflows
// selected work — 8 files

Spaces I design,
screens I build.

…

// case study

From structure
to final design.

…

Open Figma file ↗
Final design
Wireframe
⟷
Wireframe Final
01

…

…

02

…

…

03

…

…

// design system — live tokens

Built like a
system.

…

Color · click to copy
Ink · 0D0D0C
Paper · F2EFE9
Timber · B07A46
Light · D4A373
Mute · 8D877E
Components · states
Button / Primarystate: default
Client projectPersonalChip / Stack
Type scale · Archivo
DisplayRhafi Moeloek
HeadingSpaces & screens
BodyI plan screens the way I plan buildings.
Code// design tokens v2026
Auto layout · gap & padding
gap 12 · pad 148-pt grid
Responsive
0 px

Mobile first. Every screen is designed at 390 px before it grows to 1440.

Toolkit
FigmaComponents & variantsAuto layoutPrototypingHTMLCSSJavaScriptGSAP ScrollTriggerLenisClaude CodePhotoshopIllustratorAI imagerySketchUp · Revit · D5
// process — brief to build

An architect's
method.

…

01

…

…

02

…

…

03

…

…

04

…

…

05

…

…

Rhafi MoeloekRhafi Moeloek
// about — the person behind rhaf digital

An architect
who builds websites.

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…

…
…
FigmaUser flowsWireframesDesign systemsMobile-first UIPrototyping
…
HTMLCSSJavaScriptGSAPLenisCloudflare Pages
…
RevitAutoCADArchiCADACCSketchUpRhino + GrasshopperD5 / Enscape
…
Claude CodeAI renderingPhotoshopIllustratorCapCut
…
Indonesian · nativeEnglish · professional
…
…

…

…

…

…

…

PDF · 1 pageCV 2026 ↓ PDF · 25 pagesUI/UX portfolio ↓ PDF · 47 pagesArchitecture portfolio ↓
// rhaf digital pricing — 2026

Honest prices,
premium work.

…

…

// contact — let's talk

Let's build
something.

rhaf@digital: ~

    

      Emailmoeloekrhafi@gmail.com ↗
      WhatsApp+62 821 1446 4409 ↗
      LinkedIn/in/rhafimoeloek ↗
      CVDownload PDF ↓
      FigmaCase study file ↗
    

  

  
RHAF

  
DIGITAL