Diego Pavanello

Web design and development services

Choose a starting point based on what you already have: an idea, a design, a website to improve or an interaction to build.

// SYSTEM_001

UI/UX design for websites and interfaces

I design website structures and interfaces in Figma. Before development, I organise content, user journeys and components to clarify what a person needs to see and do on each screen.

  • Figma
  • Design Systems
  • Typography
  • Prototyping
// SYSTEM_002

Front-end development with React and Next.js

I turn designs into web interfaces with React, Next.js and TypeScript. I connect pages, components and CMS content, taking the interface from desktop and mobile layouts through to deployment.

  • React
  • Next.js
  • TypeScript
  • SCSS
// SYSTEM_003

Custom WordPress websites and WooCommerce stores

I build custom WordPress websites and WooCommerce interfaces. I organise the administration fields so the pages and information included in the project can be updated without editing code.

  • WordPress
  • WooCommerce
  • PHP
  • Headless
// INTERACTIVE_004Signature

Creative development, animation and WebGL

I develop web animations and interactions with GSAP, Three.js and WebGL. The aim is to give an interface a distinctive behaviour while keeping content readable and providing an alternative when an effect is unavailable.

  • Three.js
  • WebGL
  • GSAP
  • Generative Web

Where should you start?

If page structure and content are not clear yet, start with UI/UX design. If you have a finished design, front-end development turns it into a working website. If you need to edit text, images or products in an administration panel, consider WordPress or WooCommerce. Animation should be designed when it helps present a specific piece of content.

How are time and cost defined?

Page count, functionality, available materials and integrations determine the work. The proposal should clarify deliverables, revisions, deployment and activities after launch. Describe your project to define the scope.