Case study

Fira Estudio

Fira Estudio is a web catalogue of handmade textile products, designed around the visual identity supplied by the client.

Web catalogue · Enquiries and orders via WhatsApp

Independent work · Web design and implementation

Next.js
TypeScript
Supabase
Playwright

Visual identity and catalogue

Open a screenshot of the Fira Estudio homepage, with textile photography and a catalogue link. — The business's visual identity, brought to the web.

Open a screenshot of the Camino de Mesa Magnolia product page, with its description, material, and care instructions. — Products with their details, materials, and care instructions.

From online store to catalogue

The first version operated as an online store with Mercado Pago payments. Handmade production meant confirming availability and whether each order could be fulfilled before accepting payment.

SEO, performance, and quality

The site includes page- and product-specific metadata, canonical URLs, a sitemap, and structured data tailored to a catalogue without online purchases. Open Graph tags prepare link previews, while indexing rules prevent filter and pagination pages from multiplying in search results.

To support efficient loading, it uses images sized for the screen, lazy loading, and caching with catalogue revalidation. The experience includes responsive design, alternative text, and keyboard navigation.

WhatsApp enquiries retain the selected product and variant to make the conversation easier. Unit and browser tests cover these flows, variant selection, and navigation across devices.

Images and catalogue growth

Images are kept alongside the site, a simple approach for a small catalogue that changes infrequently. The limitation is that adding or replacing files requires updating and redeploying the project.

If the catalogue grows, the planned next step is to move images to Supabase Storage and add an admin panel to manage products and photographs without new deployments, with file validation and image size optimisation.