Skip to content
jr/dev
ES
← Back to home

Landing · Web catalog · 2022

Berta Producciones

Landing + catalog for an event-equipment rental business.

Role
Frontend Developer (Freelance)
Period
2022
Berta Producciones hero with typography and night imagery.

The project

Berta Producciones is a site for an event-equipment rental business (lights, LED screens, smoke machines, dance floor, gazebos). The goal: digitize the catalog and provide a direct WhatsApp contact channel.

Technical decisions

  • Decoupled data in products.json, separated from the view code. When they list a new product, they edit a JSON.
  • Component-based architecture with one folder per component (Nav, Header, Main, Servicios, Card, Footer).
  • Decorative SVGs generated in code for blob/shape effects in the hero.
  • Dark palette with a pink/red accent (primary) and green for prices, coherent with the brand identity.
  • Multiple CTAs focused on conversion: floating WhatsApp + WhatsApp in hero + WhatsApp in cards.

What it left

First serious approach to React with hooks, first professional Tailwind config and first delivery to a real local business. Later, more complex projects inherited this pattern of decoupled JSON data — it ended up scaling well.

Screenshots

Full-screen hero with WhatsApp CTA.
Full-screen hero with a direct WhatsApp CTA.