The Noisy Studio

The Noisy Studio · Barcelona

Every project starts as noise.

s t u d i o

We turn it into websites, web apps & CRMs that look sharp and actually work.

How we build

From signal
to shipped.

01
Design
Wireframes become a visual system: type, colour and rhythm that fit your brand, not a template.
02
Components
Every block is a reusable component, so the site grows with you instead of against you.
03
Code
Typed, tested, fast. Next.js, React and TypeScript on the front, solid APIs and databases behind.
04
Ship
Deployed, monitored and scoring green. Then we keep iterating with real data.

atelier-sol.com

Ceramics,
made slowly.

Shop the collection

Bowls

Vases

Plates

app/page.tsxexport default async function Page() {  const products = await db    .from("products")    .select("*")    .order("featured");   return (    <Hero title="Made by hand" />    <Grid items={products} />    <Contact />  );}

Deployed to production · 38s

99Performance

100Accessibility

100Best practices

100SEO

Next.js ✦React ✦TypeScript ✦Node ✦Postgres ✦Supabase ✦Three.js ✦AWS ✦Tailwind ✦Figma ✦Stripe ✦OpenAI / Claude APIs ✦

What we do

Three things, done properly.

An engineering-led studio. Years of shipping production software, long before “vibe coding” had a name. AI is in the toolbox now, but the craft is what keeps things fast, secure and maintainable.

AaDisplay / 96 / -4%
01
Web design
Landing pages and sites with a point of view. Motion, interaction and copy that make people stop scrolling.
- Brand sites
- Landing pages
- Motion
$ npm run deploy✓ types checked✓ 128 tests passed✓ build 4.1s▲ live → app.yourbrand.com
02
Web apps
Bookings, dashboards, games, portals. Full-stack products built to be used every day, not just admired.
- Next.js
- APIs
- Databases
LeadProposalWon
Café Nord€2.4k
Bodega 33€5.1k
Studio Mar€3.8k
03
CRMs & internal tools
Custom CRMs and back-office tools shaped around how your team actually sells, so the spreadsheets can retire.
- Pipelines
- Automations
- Integrations

Selected work

Things we've
made loud.

01Website · SEO · Social2026

Pamolux

A bilingual (ES/CA) site for a renovation company with 30+ years behind it, built to rank locally and be quoted by AI assistants, plus the monthly content and social media that keep it growing.

02CRM · Internal tool2026

Pamolux back office

The whole business of a Barcelona renovation company in one tool: site visits, measurements, versioned quotes, invoices synced with Holded, contacts and a status flow the team actually follows.