RG Pneus Barretos
Heavy-duty tire catalog with filters, installments and admin panel: built for a truck-tire specialist.
- Year
- 2026
- Role
- Full-stack development, design and UX
- Status
- Live
- Complexity
- High
For whomStore team (admin) plus the truck driver / fleet owner searching for a tire
The case
Problem
A specialist in heavy-duty truck tires serves drivers, fleet owners and rural producers. With no online catalog, every question about size, photo or installment turned into a phone call. Tire repair and roadside assistance stayed invisible, buried in a social-media profile.
Solution
I modeled a public catalog filterable by category and size, with cash vs installment price on the product page. Around it, three flows were isolated: B2C (storefront), B2B (fleet lead capture) and 24/7 roadside assistance with geolocation straight to WhatsApp. Programmatic SEO by city, brand and size. Admin panel so the team can operate without a dev.
Outcome
- Customer sees photo, size and price without having to call
- Tire repair and roadside assistance get their own page with geolocation
- Team updates the catalog directly from the panel
- Site becomes a 24/7 channel, captures demand off-hours
+15
years in business
4.8★
on Google · 20+ reviews
Architecture
React + Vite on the front, Supabase on the back (Postgres with RLS, Storage and Auth). Programmatic landing pages by city, brand and size, generated from the same database. End-to-end coverage with Playwright.
System modules
6 modules integrated in the same database, same auth, same design system.
Public catalog
Searchable storefront of tires, wheels and services.
- Filters by category, size and text search
- Product page with cash vs installment price
- Compare models side by side
- Weekly promotions with discount badge
- Tool: "don't know the size: find it through the wheel"
Tire repair and roadside assistance
24/7 emergency support with geolocation.
- Detects browser location
- Builds a WhatsApp link with Google Maps coordinates
- Dedicated tire-repair services page
Fleet (B2B)
Lead capture and qualification for trucking fleets.
- Quote form for fleets
- Spreadsheet import for quoting
- Confirmation page with next steps
Programmatic SEO
Landing pages generated by city, brand and size.
- Pages per city in the region
- Pages per tire brand
- Pages per specific size
- Guides and FAQs optimized for search
Admin panel
Full catalog CRUD with no dev in the loop.
- Tires, wheels, brands and models
- Photo upload (Supabase Storage)
- Site notices and installment rates
- Banners and creatives
- Roles and password rotation
Insights and operations
Internal dashboards to monitor the site's health.
- Operational overview
- Technical health of the system
- Incoming fleet leads
- Audit trail of team actions
Architecture decisions
How the project evolved: technical choices, what changed and why.
Manual catalog → relational data model
Before
Loose spreadsheet with photos on Drive. Each new tire meant duplicate work: log it on one side, republish on the other.
After
Relational model by size, brand and application. A single record feeds the storefront, filters, comparator and programmatic SEO.
WhyTruck tires are a decision by size, not by aesthetics. Modeling that in the database turns one record into N indexable pages.
Single inbox → flows isolated by intent
Before
Everything came through the same WhatsApp number: tire questions, fleet quotes and roadside emergencies competing for the same queue.
After
Three separate flows: B2C storefront, B2B fleet form and 24/7 roadside assistance with geolocation that builds a Maps link straight into WhatsApp.
WhyEach intent has different urgency and qualification needs. Mixing them all in the same channel delays the urgent one and loses the commercial one.
Brand-only traffic → programmatic SEO
Before
Traffic depended 100% on direct branded search and word of mouth.
After
Landing pages generated by combinations of city, brand and size. Each page is indexable and answers a real driver query.
WhyTire buyers search by size, not by store name. Covering the long tail is where qualified, cheap traffic lives.
Tech stack
Technologies
Integrations
Have a similar project?
If you recognized your business in any of the challenges above, let's talk about yours.
Other projects
See all →
Platform for an aesthetics brand split into 3 pillars: Studio live, Class and Store on a waitlist, with flows by decision stage.
Institutional site for an electronic-music label with a local mirror of the catalog, auto-synced from Beatport and enriched by Spotify.