El Baratillo — Herramientas Para Cada Trabajo
Hardware & Construction Retail·Ferretería El Baratillo

El Baratillo — Herramientas Para Cada Trabajo

View Live Prototype
The Challenge

What we set out to solve.

Ferretería El Baratillo is the exclusive TOLSEN tools distributor in Honduras and a trusted supplier for builders and homeowners across El Progreso — but its entire online presence was an Instagram account. Anyone searching for a hardware store, a generator, or building materials in the region found nothing that carried the store's actual weight.

The owner didn't need e-commerce on day one. He needed presence: a single place to send people, a way for products to be discoverable at a glance without maintaining a full catalog, and a direct line for customers to message him — turning online attention into real enquiries at the counter.

The Approach

How we designed it.

We built a single-page, Spanish-language experience that treats a neighborhood hardware store with the same cinematic language usually reserved for premium brands. The hero is a day/night video scene switched by a physical light-switch toggle — a circular reveal wipes the whole page between modes, a small moment of delight that makes the site memorable and shareable.

Below it, a bento grid of product categories plays video on hover — power tools, building materials, hand tools, hardware and fixings, plumbing — so the range is felt rather than listed. A dedicated TOLSEN section leans into the exclusive-distributor status with manufacturer stats and a spotlight watermark, a scroll-driven horizontal story covers why customers choose the store, and the contact section delivers every message straight to the owner's inbox via a Resend-powered form. A full SEO layer — LocalBusiness structured data, Open Graph image, sitemap, and Spanish-market metadata — makes the store findable for the searches locals actually make.

The Outcome

What the prototype delivers.

The result is a digital front door unlike anything else in the local market — live at its own URL, ready to be linked from Instagram, shared on WhatsApp, and found on Google. Every call to action routes to the message form or the store's Instagram, so the site's one job is generating conversations with real buyers.

The architecture is deliberately built to grow: the category grid can become a browsable catalog, the enquiry form can become WhatsApp-native ordering, and the whole storefront can extend into e-commerce with local delivery — without rebuilding what's already live.

Gallery

A closer look.

Day/night toggle — hero in day mode
Product category bento grid
Exclusive TOLSEN distributor section
Contact section with direct message form
What's Next

Where this could go.

A browsable product catalog with prices, stock levels, and search — the natural next step from the category grid

WhatsApp Business integration — the dominant channel in Honduras — for quotes, orders, and delivery coordination

Full e-commerce checkout with local delivery scheduling across El Progreso

Google Business Profile and local SEO expansion to own "ferretería El Progreso" searches

A promotions section synced with Instagram so offers live in both places at once

An owner admin panel for updating products and offers without a developer

Goals

Give the store a digital presence that matches its standing as Honduras' exclusive TOLSEN distributor
Make the product range discoverable at a glance without the owner maintaining a full catalog
Route every visitor toward a direct message — enquiries land straight in the owner's inbox
Be memorable enough to share — the day/night toggle turns a hardware site into a small experience
Spanish-first and mobile-first, tuned for how customers in El Progreso actually browse

Tech Stack

01Next.js
02Framer Motion
03Tailwind CSS v4
04TypeScript
05Resend
06Vercel

Live Prototype

Open in new tab
Start building

Ready to build
what's next?

Startup, team, or enterprise — build something new, improve what exists, or run on our products. We ship in weeks, not quarters.

Start a Project