PROJECT_06
Sitio web Skilled
Corporate site for an electrical engineering firm, live at skilled.mx: service catalogue, sectors served, suppliers and contact, prerendered to static HTML so it loads instantly and indexes in full.
- TYPE
- Website · React
- STATUS
- IN PRODUCTION
CONTEXT
Skilled Proyectos Industriales is an electrical engineering firm in Puebla that works for automotive plants. It had no site of its own: it existed on social media, but an industrial client searching for it by name found nothing backing up its technical capability. The site organizes what they do into a browsable catalogue and works as a reference when introducing themselves to a new client.
WHAT IT SOLVES
- A catalogue of electrical engineering services, each with its concrete scope instead of generic wording.
- Sectors served and the suppliers they work with: what an industrial client checks before asking for a quote.
- Company history, mission and values, which until then lived only in a slide deck.
- Direct WhatsApp contact and a map location, with no contact form nobody answers.
HOW IT IS BUILT
- React with React Router, but prerendered to static HTML through vite-react-ssg: every route exists as a file, so search engines read it without running JavaScript.
- Critical CSS inlined with critters and lazily loaded routes: the home page paints before the rest of the bundle arrives.
- Organization, Service and WebSite JSON-LD structured data, with its own sitemap and robots.
- Security headers declared in vercel.json: CSP, HSTS with preload, nosniff and frame-ancestors locked down.