Purpose
This Social Skills Training Landing Page – TEA VITTA was created to attract parents of adolescents (12–18 years old) on the autistic spectrum who seek progress in communication, autonomy and socialization. The copy was delivered by the clinical team; our role was to transform it into a clear funnel with CTA “I want to know more”.
Visual identity
| Element | Escolha | Function |
|---|---|---|
| Palette | Turquoise → emerald green gradient | Evokes trust, inclusion and growth |
| CTAs | Luminous green buttons (#00B04F) | High contrast, positive action |
| Typography | White & dark gray | High readability on vibrant backgrounds |
| Graphics | Wavy line + dotted grid | Refers to the learning path |
| Photos/Videos | Professionals, adolescents, clinical environment | Humanize and generate empathy |
Page structure
| Block | Summary content | Objective |
|---|---|---|
| Hero | Headline “Social Skills Training…” + photo of the psychologist + CTA | Impact & lead |
| What is TEA VITTA? | Video placeholder + text about methodology | Explain the program |
| Who is it for? | Young image + copy aimed at autistic people seeking communication | Target audience |
| Why is it important? | 4 cards: Self-esteem • Bullying prevention • Autonomy • Support for parents | Value benefits |
| What will the training be like? | 10 Date Timeline (Intro → Social Skills → Sexuality) | Make process tangible |
| Team | Photos & mini-bios of psychologists Alice Resende and Viviné Teixeira | Prove professional authority |
| FAQ | 4 questions about age, duration, parental participation, access time | Remove objections |
Green CTAs reappear after each decisive block, always ensuring a visible “next step”.
Mobile & UX experience
- Mobile-first: vertical timeline becomes a swipeable list; cards stack.
- Buttons ≥ 44 px — easy to tap.
- Smooth gradient prevents glare on LCD screens.
- WhatsApp icon floats for instant support.
SEO best practices & performance
| Factor | Implementation |
|---|---|
| Speed | WebP+ Images lazy loading; Inline Critical CSS → PageSpeed 90+ |
| Semantics | Single H1, H2 per section, lists in <ul> for benefits |
| Focus keyword | “social skills training for autistic people” distributed (~1%) |
| Links | CTAs with rel="nofollow" and UTMs to measure campaigns |
| Accessibility | Descriptive alt-text on all images; AA contrast on buttons |
Summary
The TEA VITTA landing page leads problem (social difficulties) to solution (face-to-face training in 10 meetings) with proof of authority and clear benefits. The blue-green gradient design reinforces welcome, while high-contrast green CTAs drive conversions to the program.
