tavana.Start a conversation ↗

Creative web development

A strong website needs to communicate clearly and behave well on the devices people use. I bring interface design and frontend development into one process, considering content, layout, motion and implementation together.

How I approach it

I use React, Next.js and JavaScript to build responsive interfaces from a clear visual direction and content structure. I plan reusable components around the needs of the page, then refine navigation, responsive states and interaction in the browser. When 3D adds meaning, I use Three.js and WebGL with attention to loading and rendering cost. Keyboard use, reduced-motion preferences and small-screen layouts are considered during implementation.

Depending on the brief, the work may be a campaign landing page, a custom product interface or an interactive brand site. The goal is a coherent experience where visual choices support the information and action on each screen. Scope can include design, implementation and a final pass for responsive behavior, accessibility basics and performance bottlenecks.

What I can help with

  • Responsive marketing websites and landing pages
  • Interface design and React frontend implementation
  • Custom Three.js and WebGL interactions
  • Responsive, accessibility and performance refinement

Tools & methods

React · Next.js · JavaScript · Three.js · WebGL · Figma

Frequently asked questions

Do you design and develop, or only build?

Both happen in one process. I start from content and visual direction, design the interface around them, and implement it myself with React and Next.js, so nothing gets lost between a design file and the shipped site.

How long does a custom website take?

It depends on scope. A focused landing page is a matter of weeks; an interactive experience with custom Three.js scenes takes longer. After a short brief I agree on a timeline before any work starts.

Will the site work on phones and slow devices?

Yes. Responsive layouts, accessibility basics and performance budgets are part of the implementation, not extras. Heavy 3D scenes degrade gracefully and every page keeps a no-WebGL fallback.