Project objective
We built the institutional landing page for Institute MenteVitta focused on attracting patients from Teresina-PI for private services in Psychology, Psychiatry and Neuropsychology. The copy — already provided by the client — was reorganized into a clear funnel that ends in several CTAs “Schedule your appointment”.
Visual identity
| Element | Escolha | Function |
|---|---|---|
| Palette | Gray blue (#38536E) + light gray | Transmits confidence and serenity. |
| CTAs | Bright green (#0FAA34) | High contrast, suggests advancement/health. |
| Typography | White & dark gray | Readability on dark and light backgrounds. |
| Visuals | Photos of the space, staff and patients receiving care | They humanize and reinforce authority. |
| Decorative pattern | Organic lines and watermark logo | They create aesthetic cohesion and lightness. |
Page structure
| Block | Content | Purpose |
|---|---|---|
| Hero | Headline “Taking care of your mind is transforming your life” + photo of the clinic + Dr. Andreas Bastos (CRM) | Impact & show credentials |
| About the Institute | Team image + text “A new concept in mental health” | Build institutional trust |
| Specialties | Slider: Psychiatry • Psychology • Neuropsychology + CTA | Present areas of activity |
| Agenda banner | Opening hours (Mon-Sat 8am-8pm) + green button | Convert |
| Clinical approaches | 3 cards: CBT, ABA, Psychiatry | Educate about methods |
| Team of experts | Carousel with photos of professionals | Social proof of expertise |
| In-person & online service | Short text + CTA | Cover all audiences |
| Environment | Office gallery | Demonstrate comfort and welcome |
| Footer | Address (Av. Universidade, 7350, Teresina-PI), contacts, WhatsApp seal | Close with credibility |
Green CTAs reappear after each decisive block, ensuring an obvious next step.
Mobile & UX experience
- Mobile first: sliders slide by swipe; Cards stack vertically.
- Buttons ≥ 44 px (thumb-friendly).
- 16 px base typography and AA contrast ensure zoom-free reading.
- WhatsApp button floats in the bottom right corner throughout the scroll.
Performance & SEO best practices
| Factor | Implementation |
|---|---|
| Speed | WebP images + lazy-loading; Inline critical CSS. |
| Semantics | Single H1, H2 per section, lists in <ul> with icons. |
| Focus keyword | “psychology and psychiatry in Teresina” distributed (~1%) in title, meta, intro and subtitles. |
| Links | Buttons for WhatsApp/calendar with rel="nofollow". |
| Accessibility | Alternative text on images and high contrast on CTAs. |
Summary:
The landing page Institute MenteVitta combines welcoming atmosphere, clear presentation of services and multiple green CTAs. The layout takes the visitor through the cycle institutional trust → specialties → team → scheduling, using visual evidence and objective information to encourage booking appointments in person or online.
