ZERA STUDIO

LOAD ING

000%

Creative Web Studio

Remote-first, worldwide

ZERA STUDIO

[02.]

about

Zera Studio is a small team obsessed with interfaces that feel alive. We prototype in the browser, tune shaders when the story needs depth, and ship with TypeScript plus React so the codebase stays legible as products grow. We collaborate closely with founders and in-house teams, from first sketch through launch, and we document decisions so handoffs stay smooth long after we roll off.

skill

[03.]

Languages

  • TypeScript
  • HTML
  • CSS modules & Sass

Frontend

  • Next.js
  • React
  • Zustand
  • Tailwind CSS
  • Three.js
  • GLSL
  • GSAP
  • React Three Fiber
  • Lenis smooth scroll

Backend

  • Node.js
  • Express
  • Postgres
  • REST & GraphQL
  • Edge functions

DevOps

  • Docker
  • Object storage
  • Global CDN
  • Infrastructure as code

Tools & Platforms

  • Git
  • CI pipelines
  • Preview deployments
  • Observability hooks
  • Privacy-first analytics

Design

  • Figma
  • Illustrator
  • Photoshop

experience

[04.]

Product & interface

  • Studio and in-house teams
  • Long-term engagements
  • Remote-first, occasional on-site

Shipped faster first paint and smoother interaction by profiling real devices, trimming bundles, and deferring work that does not belong on the critical path.

Turned motion into small reusable pieces so marketing and product can iterate on timing and staging without rewriting the whole page each time.

Worked with design on tokens and layout rules so themes, dark mode, and future brand shifts stay consistent without one-off CSS surprises.

Stabilized integrations with clear boundaries and tests around the edges so UI teams are not blocked every time a service changes shape.

Helped teammates level up on interactive graphics by pairing on debugging, budgeting frames, and knowing when to simplify instead of optimize forever.

project

[05.]

Screenshot of the Zera Studio marketing site with a large glass sphere, soft grid background, and bold ZERA STUDIO headline in the hero.

Zera Studio Site #2026

# frontend

  • TypeScript
  • HTML
  • CSS
  • Next.js
  • Tailwind CSS
  • Three.js
  • GSAP
  • AWS S3
  • AWS Route 53
  • AWS CloudFront

overview

This showcase pairs a custom WebGL hero with crisp typographic rhythm. GSAP handles scroll choreography while shaders stay isolated so we can iterate on motion without fighting the render loop. The public build exports as static HTML via Next.js so first paint stays snappy and search engines still get readable markup. Assets ship from object storage behind a CDN, and releases ride the same CI pipeline we recommend to clients who want predictable staging URLs.

Nebula Feed interface with a dark canvas, card grid of stories, and a composer drawer for drafting new posts with tags and reactions.

Nebula Feed #2022

# full stack

  • JavaScript
  • HTML
  • CSS
  • React (hooks)
  • React Router
  • React Redux
  • Material UI
  • Node.js
  • Express
  • Mongoose
  • MongoDB
  • RESTful API
  • Axios

overview

Nebula Feed lets communities publish short stories with rich media, reactions, and lightweight moderation. People can sign up with email or passkeys, and teams can invite collaborators without sharing passwords. Posts support threaded comments, saved collections, and smart prompts that suggest related clips when it helps the narrative. Moderation queues surface flagged items first so small teams stay ahead of noise.

Signal Glossary study mode with a search field, reading pane, and definition column showing pronunciation and sample sentences.

Signal Glossary #2022

# frontend

  • JavaScript
  • HTML
  • CSS
  • React (hooks)
  • React Redux
  • Material UI
  • Axios

overview

Signal Glossary keeps reading and lookup in one calm surface. Learners load curated articles, tap any unfamiliar word, and see definitions, audio, and usage examples without losing their place. The reading list refreshes from partner feeds, and every session stores bookmarks so teachers can assign passages with confidence. Topic tags cluster vocabulary by theme, which makes review sessions feel intentional instead of random.