2025
One-page
Framer
Psychology
Integra Psi
Mental Health Website UX
Client
Integra Psi - Psychology Collective
Service
Site One-Page FRAMER
The project
A website designed to clearly present Integra PSI’s services, purpose, and professionals. A one-page structure that organizes multiple areas of work into a simple flow, shortening the user journey and making access to mental health support easier.
Full project
The Integra PSI website was developed to centralize, in a clear and accessible way, all services offered by the group of psychologists. The goal was to create a simple, welcoming, and functional experience for both psychology professionals and patients seeking mental health care.
The one-page structure organizes the purpose, team presentation, psychological care, training groups, courses, supervision groups, and mentoring into a continuous flow, shortening the user journey and reducing drop-off points.
The clean and organized visual design reinforces the project’s values: integration, care, and trust, highlighting the extensive experience of the professionals and supporting the project’s purpose: “For ethical, responsible, and up-to-date mental health care.”
The result is a direct and brand-coherent website that not only presents Integra PSI but also addresses real communication and acquisition challenges, connecting people to services in a simple, effective, and functional way.
Desktop
Mobile
Desktop
Mobile
Best
Higlights
Wireframe, Prototype and Process
Dynamic CMS Structure in Framer
CMS in Framer to dynamically manage groups, supervision sessions, and courses, fully integrated into the homepage. When spots are available, users are directed to an individual page with complete information and a registration CTA; when not, the flow presents a waiting list form. The CMS management is simple, organized, and automated, keeping the entire website integrated and up to date.
Hero Section with Background Video
The background video in the first section creates a more dynamic and immersive experience, visually connecting the user to the second section with subtle motion that reinforces the continuity of the one-page flow.
Sections Designed for Distinct Audiences
Sections structured to address distinct audiences, previously analyzed, with approaches and communication tailored to each profile within the same site flow.
Full
Website
The project
A website designed to clearly present Integra PSI’s services, purpose, and professionals. A one-page structure that organizes multiple areas of work into a simple flow, shortening the user journey and making access to mental health support easier.
Full project
The Integra PSI website was developed to centralize, in a clear and accessible way, all services offered by the group of psychologists. The goal was to create a simple, welcoming, and functional experience for both psychology professionals and patients seeking mental health care.
The one-page structure organizes the purpose, team presentation, psychological care, training groups, courses, supervision groups, and mentoring into a continuous flow, shortening the user journey and reducing drop-off points.
The clean and organized visual design reinforces the project’s values: integration, care, and trust, highlighting the extensive experience of the professionals and supporting the project’s purpose: “For ethical, responsible, and up-to-date mental health care.”
The result is a direct and brand-coherent website that not only presents Integra PSI but also addresses real communication and acquisition challenges, connecting people to services in a simple, effective, and functional way.
Desktop
Mobile
Best
Higlights
Wireframe, Prototype and Process
Dynamic CMS Structure in Framer
CMS in Framer to dynamically manage groups, supervision sessions, and courses, fully integrated into the homepage. When spots are available, users are directed to an individual page with complete information and a registration CTA; when not, the flow presents a waiting list form. The CMS management is simple, organized, and automated, keeping the entire website integrated and up to date.
Hero Section with Background Video
The background video in the first section creates a more dynamic and immersive experience, visually connecting the user to the second section with subtle motion that reinforces the continuity of the one-page flow.
Sections Designed for Distinct Audiences
Sections structured to address distinct audiences, previously analyzed, with approaches and communication tailored to each profile within the same site flow.
Full
Website
