The Long Way Round

FULL-STACK DEVELOPER & FRAMER EXPERT

Twelve years, Three companies, one very unglamorous burnout and the reason i take this work personally.

Coding is choreography. Both are art of what happens between the beats.

SCROLL TO EXPLORE
Rojan Pilar, creative full-stack developer and Framer expert, seated portfolio hero photo
Rojan Pilar, creative full-stack developer and Framer expert, seated portfolio hero photo

INT'L

GOLD MEDALIST

SINCE 2008

SELF-TAUGHT DEVELOPER

90+

GOOGLE PAGESPEED SCORE

DEVELOPER

DEVELOPER

DEVELOPER

03 — Why Me

Design thinking.Full-stack execution.

Most designers can't ship what they imagine. Most developers build exactly what they're handed, nothing more. I sit in the overlap — I design the interface, then build it end-to-end myself, so nothing gets lost translating a Figma file into production code.

UI/UX ArchitectureFramer DevelopmentFull-Stack EngineeringSEO & PerformanceOne point of contact

04 — How I Think

Coding is choreography.

Both disciplines live in what happens between the beats — the pacing, the hierarchy, the moment something is allowed to happen on screen.

Rhythm

Pacing that tells the eye what to read first, second, third — not everything at once.

Timing

Animation and load speed calibrated in milliseconds, the same way a beat is.

Hierarchy

One clear lead per screen. Everything else supports it, nothing competes with it.

Intention

If a detail doesn't move the user forward, it doesn't make it into the build.

01

No decoration without function

Every animation, every layout choice earns its place by improving comprehension or conversion. If it doesn't serve the user, it doesn't ship.

02

Speed is not optional

A beautiful site that loads slow is a broken site. A 90+ PageSpeed score is the floor here, not a feature.

03

I design it, I build it

No handoff, no translation loss. What I design in Figma or Framer, I build end-to-end as a full-stack engineer — UI/UX architecture through to production code.

05 — Proof

Eight years, onedirection: forward.

2019Marketing

Marketing Staff, Puregold Finance Inc. — direct client engagement and lead generation.

2021Leadership

Team Leader, Cherry Mobile Communications Inc. — ran a 5-person team against KPIs.

2022UI/UX

Marketing Assistant & UI/UX Designer, Tech101 Technologies Inc. — WordPress redesign, +65% engagement.

2023–NowPresentFull-Stack

Independent Full-Stack Freelancer & Digital Architect. Framer systems and full-stack web apps for clients worldwide. Full-stack foundation formalized via Zuitt Coding Bootcamp (2026), three certifications in one year.

Full-Stack Web Development — Zuitt Coding Bootcamp, 2026B.A. Public Administration — University of Caloocan CityOutstanding Artist — University Graduation Honors

06 — How I Got Here

Rojan Pilar as a self-taught teenager, the origin of a design career

2008 — The Spark

One broken profile page.One reason to learn.

Grade 6. A Friendster profile that looked like everyone else's — that wasn't going to work. Self-taught HTML and Photoshop, learned from forums and trial and error, just to make one profile page look like nobody else's.

That instinct — that a screen is something you shape, not something you accept — never really left.

2015–2019 — The Discipline

Ten years on stage.Zero patience for sloppy timing.

International gold medalist. Multi-time national champion. Graduated with the university's Outstanding Artist award. None of that is a hobby footnote — it's where the real training happened.

Choreography is spatial reasoning under a deadline. It's syncing eight bodies to one count. It's knowing a millisecond late reads as sloppy, and a millisecond early reads as rushed.

that's the discipline behind "coding is choreography" — not a metaphor picked for effect, but the actual training.

Rojan Pilar performing competitive dance, the discipline behind the code

07 — What You Get

What this meansfor your business.

Design

Interfaces that are clear, premium, and built to convert — not just decorate a page.

Framer

Marketing websites that are fast, client-editable, animated, and SEO-ready from launch.

Full-Stack

Working applications — APIs, databases, auth, backend systems — not just static front-ends.

SEO

Technical foundations that make a site easy for search engines to find and understand.

UX

Flows designed around how people actually navigate and decide, not how the sitemap looks.

Performance

Fast, efficient builds — a 90+ PageSpeed floor — over visually loud but bloated pages.

What I Can Build

01

Premium Marketing Websites

High-end brand and product sites built to hold attention and move visitors to act.

02

Framer Websites

Fast, animated, client-editable sites — no dev bottleneck for future content changes.

03

Full-Stack Web Applications

Custom apps with real backend logic: Node.js, Express, MongoDB, authentication.

04

Responsive UI Systems

Interfaces that hold their hierarchy from a 27" monitor down to a phone in one hand.

05

SEO-Ready Websites

Semantic structure and technical SEO built in from the first commit, not patched on after.

06

Interactive / Motion Experiences

Scroll reveals, micro-interactions, and transitions used to guide attention, not distract from it.

If any of that matches a problem you have — that's what the next step is for.