DO NOT DRAG
Angelino Barajas · Webflow designer + developer
↗ Go ahead, throw it. · 1440 × 900

Websites with gravity.

I design and build websites people remember: interactive 3D driven by real data, motion you can grab, and field notes on the how and the why.

/work · 3 flagship builds

Selected work

A working board, the way I actually design. Drag the board to pan, drag a frame to move it, click a frame to open the case study.

angelino-portfolio.fig / Page 1
X 0 · Y 0
next-mission
SLOT OPEN · Q4 2026
Your project here
Next frame on the board.
100%
Pinch or Ctrl + scroll to zoom · Layers panel jumps to a frame
New CMS projects appear on the board automatically
All missions
The full archive · filter by discipline
/about

Build the part people screenshot. Make the rest load fast.

4,365

average lines of custom code where templates fall short

12

hours a month clients save by editing the CMS themselves

39

caffeinated drinks per launch, 27 coffees and 12 Celsius

/services

What I build

Eight services, one orbit: everything a site needs to launch, grow and keep working long after day one.

Webflow development

Sites your team can actually edit

Client-First builds with clean classes, CMS-driven sections and motion that survives a copy edit. Handed off with a guide and a walkthrough.

Client-First · CMS · Finsweet · Interactions
↗
WebGL + data

Interactive 3D, fed by the CMS

Interactive 3D that does a job: product viewers, explorable spaces, data people can turn over and understand, all fed by the Webflow CMS. Drag it.

Three.js · D3 · WebGL
↗

Hand-built visuals

Motion + interaction

Easing, tuned by hand

Scroll systems and drag physics. Tap the curve to try another.

↗
Logo + brand identity

Marks built on a grid

Logos, color, type and brand rules that hold up from a favicon to a billboard.

Figma · Brand guidelines
↗
Custom deploys

Beyond Webflow

Coded sites in Astro or Next.js, on Vercel, Netlify or Cloudflare when Webflow isn't the right fit.

↗
Advanced CMS integrations

Content that syncs itself

Airtable, Sheets or any API into Webflow CMS, with filters, multi-references and pages that build themselves.

↗
Design systems

Tokens + type scales

Components that keep page ten as sharp as page one.

↗
Performance

Heavy visuals, fast pages

Lazy-loaded WebGL, reduced-motion fallbacks and a Lighthouse pass on every page.

↗
Start a projectAll servicesSee the workHow I work
Each card opens its own service page
/process · 6 stages

Mission sequence

Every project flies the same six-stage plan, so you always know where we are and what happens next.

See the full flight plan
STAGE 01 / 06 · PRE-FLIGHT

Discovery call

A call to learn your goals, your audience and what a win looks like.

Deliverable
Creative brief
Your part
Share your goals, sites you like and any brand files.
    0%
    1. 01 · Pre-flight

      Discovery call

      A call to learn your goals, your audience and what a win looks like.

    2. 02 · Flight plan

      Alignment

      We agree on the site map, scope, timeline and content plan before any pixels move.

    3. 03 · Payload

      Brand + assets

      Logo, color, type and imagery, gathered or designed, then turned into design tokens.

    4. 04 · Test flight

      Prototype

      Key pages as interactive prototypes with motion, reviewed together before the build.

    5. 05 · Assembly

      Build

      The Webflow build: CMS, custom code and QA across browsers, devices and reduced motion.

    6. 06 · Launch

      Deploy

      Go live, connect analytics, and hand over a guide and walkthrough so your team owns it.

    Incoming transmission
    01 / 05

    Earth is the cradle of humanity, but one cannot live in the cradle forever.

    Konstantin Tsiolkovsky, 1911
    /stack

    Tools in orbit

    Pull a tool out of orbit and let go. It finds its way back.

    Hover a tool

    9 tools · 2 orbits

    /faq

    Pre-flight checks

    Do you only build in Webflow?

    Webflow is home base, because clients can edit it after launch. The custom pieces (3D scenes, maps, scroll systems) are plain JavaScript hosted on GitHub, so they aren't locked to one platform.

    Can my team edit the site after launch?

    Yes. Content lives in the CMS and the build follows Client-First naming. Animations read from CMS fields and stable classes, so editing content won't break them. You get a handoff guide and a walkthrough video.

    Will all this motion slow the site down?

    Heavy pieces load only when they scroll into view and pause when they leave. Every interaction has a reduced-motion fallback, and each page gets a Lighthouse pass before launch.

    How long does a project take?

    It depends heavily on scope. Most projects take 4 to 8 weeks from brief to launch, and a smaller, focused site can launch sooner.

    /contact · replies within one business day

    Ready for
    liftoff?

    Plot the mission on the console. I'll reply within one business day with a flight plan, a timeline and a quote.

    1. 01You plot the mission
    2. 02A 30-minute discovery call
    3. 03Flight plan, timeline + quote
    Mission planner
    MSN-07 · unassigned
    01 · Mission type pick any
    02 · Launch window
    03 · Budget orbit $10–25k
    Transmission sent
    Mission logged.

    Flight plan received. I'll reply within one business day with a timeline and a quote.

    Transmission failed. Use Copy flight plan and email it instead.