Corporate institutional website with 17 pages, cinematic design and static architecture for a facilities management company with over 10 years in the market

The challenge

Monday, 9 a.m. A residential condominium manager in Rio de Janeiro searches Google for facilities management companies. He needs cleaning, reception and maintenance — but wants a company with segment cases, a clear hiring process and a compliance culture. He enters the Sanatto website. In seconds, he navigates to the cases page, filters by residential condominium, reads testimonials from other managers, understands the 4-step hiring journey and fills out the contact form. Before breakfast, Sanatto already has a qualified lead.

A Sanatto Facilities, empresa carioca com mais de 10 anos de atuação em facilities management, precisava de uma presença digital profissional que comunicasse sua estrutura de serviços, cases por segmento e cultura de compliance. O site anterior era genérico, não comunicava a maturidade operacional da empresa e não tinha páginas dedicadas para recruiting, portal do colaborador, blog, imprensa ou parceiros.

The approach

We treated the institutional site as a digital product, not an online brochure. First we mapped Sanatto's entire service structure: 6 main services, 8 market segments, a 4-step hiring journey, partners program, careers portal and employee portal. From there we designed an information architecture with 17 independent pages, each with a cinematic hero section, structured content and clear CTAs. The design system was built with Tailwind CSS v4 and shadcn/ui, using a navy blue and gold palette that communicates seriousness and premium quality. Framer Motion animations with directional fade-in create rhythm without compromising performance. Static export to guarantee Lighthouse 98+ and zero infrastructure cost.

The solution

The Sanatto Facilities website is a complete institutional platform with 17 pages covering the entire customer journey — from first contact on Google to requesting a proposal, through solutions, cases, about, careers and press.

• 17 static pages with structured content: home, solutions, cases, about, hiring, contact, careers, employee portal, blog, videos, partners, press, food services, privacy policy, terms of use and custom 404
• 6 cataloged services with itemized lists: cleaning and conservation, reception and access control, hospitality, pantry and operational support, maintenance and caretaking, team management
• Cases across 8 market segments: residential condominium, corporate business, industry, school, hospital, retail, law firm and logistics center — with real testimonials per segment
• 4-step hiring journey: diagnosis, proposal, implementation and operation — with clear CTAs at each step leading to the contact form
• Careers portal with open positions, cataloged benefits and talent bank, plus employee portal with announcements and HR links
• Contact form with react-hook-form and Zod validation: name, email, phone, subject and message with client-side validation and loading states
• Consistent design system with shadcn/ui, navy blue (#0a1f44) and gold (#c9a227) palette, Geist Sans typography and reusable components (button, page-hero, section-header, fade-in, logo, contact-form)
• Cinematic animations with Framer Motion: directional fade-in across all sections, hero sections with gradients and smooth page transitions