Paulo Pereira.Web design and development
000
00 / LoadingVolusia · Flagler

01 / Work

Design and code,
in action.

Explore a 3D cello, change this page with code and browse fictional concept builds. These are design and coding demonstrations, not client projects.

01 / Lab

A cello in pieces

Separate the cello into its parts. Select a part to see its label, then put it back together.

Play a string

02 / Lab

Code that changes the page

Choose a line to change this page. Choose it again to undo the change, or reset everything.

02 / Concept projects

Concept projects.

Six concept projects for fictional small businesses, built to show design patterns, interaction and technical range.

Stage: kinetic sculpture

Concept project · Small-batch coffee roaster

Kettle & Ember Roasters

A roaster that sells beans online and at two weekend markets wants the site to feel like the smell of the roastery.

  • ↳ A warm, type-led home page that leads with this week's roast
  • ↳ Static pages with a small product list the owner edits in one file
Open the case

Concept projects

Concept project

Kettle & Ember Roasters

Small-batch coffee roaster

Open the case ↗
3D scene for Kettle & Ember Roasters

A roaster that sells beans online and at two weekend markets wants the site to feel like the smell of the roastery.

  • A warm, type-led home page that leads with this week's roast
  • Static pages with a small product list the owner edits in one file

Concept project

Driftline Surf School

Beginner surf lessons

Open the case ↗
3D scene for Driftline Surf School

A two-instructor surf school needs parents to understand, in one scroll, what a first lesson is like and how to book it.

  • A calm, bright lesson page built around one question: what happens in hour one
  • Mobile-first layout tested at 360px on a slow network

Concept project

Halden Tile Studio

Handmade glazed tile

Open the case ↗
3D scene for Halden Tile Studio

A tile maker wants architects and homeowners to see how each glaze catches light before they order samples.

  • A glaze library where every swatch reacts to light
  • Real-time 3D glaze previews that fall back to stills

Concept project

Palmetto Native Flora

Coastal nursery & native flora

Open the case ↗
3D scene for Palmetto Native Flora

A coastal Florida nursery helps homeowners replace water-heavy turf with salt-tolerant native plantings that thrive in coastal sand.

  • An interactive plant palette filtered by coastal soil and sun exposure
  • Instant static search across sixty native Florida plant varieties

Concept project

Cormorant Marine Works

Hand-laid flats skiffs

Open the case ↗
3D scene for Cormorant Marine Works

A custom flats boatbuilder needs inshore anglers to configure shallow-draft poling skiffs and reserve seasonal build slots online.

  • A hull and deck configurator showcasing custom poling platforms
  • Interactive deck layer viewer without heavy external 3D frameworks

Concept project

Sintra Stone & Terrazzo

Architectural terrazzo & stone

Open the case ↗
3D scene for Sintra Stone & Terrazzo

An architectural stone studio showcases custom crushed-coquina terrazzo slabs and polished aggregates for coastal architects.

  • A tactile aggregate library showcasing local shell and marble chips
  • Photorealistic procedural surface reflections reacting to cursor light