Study Case
ATMA CENA Training Pages Redesign
Study Case
ATMA CENA Training Pages Redesign
About the Project
ATMA CENA offers professional training for therapists and healthcare providers interested in psychedelic-assisted therapy. Their previous training page presented all course information in one long scroll, which made it harder for users to compare offerings or understand where to begin.
The goal was to make the content easier to explore and more practical to update over time. This included a new page structure, better organization, and a consistent visual system that works across devices.
Scope of Work
Review of the original content structure;
Design of a scalable layout across three levels;
Creation of reusable UI components in Figma;
High-fidelity designs for mobile and desktop.
Structure
The new layout introduces a clear three-step flow:
Training Page → All Courses Page → Individual Course Pages
This keeps things simple for new users while giving returning visitors a quick way to jump back in. Each course has its own page, which includes pricing, structure, schedule, instructor list, and related courses.
Interface Updates
Several new interface elements were added to make the experience more useful and easier to navigate:
Course Cards – Easy to scan, mobile-friendly blocks with key info
Certification Path Graphic – A visual summary of how courses connect
FAQ Accordion – Compact and readable answers to common questions
Course Table of Contents – Expandable sections for each lesson
Instructor Grid – Real faces, short bios, and titles all in one view
CTA Banners – Direct links to explore the CoCare™ program or book a call
Educational Platform Preview – Shows how course can be accessed anywhere simple having mobile device
Student Reviews – Added to individual course pages for social proof
CEO Message – A short quote that builds trust with a human voice
Scope of Work
Review of the original content structure;
Design of a scalable layout across three levels;
Creation of reusable UI components in Figma;
High-fidelity designs for mobile and desktop.
Results
The updated layout and structure made the website pages easier to use and gave the team a system they can maintain long term. Courses are now easier to browse, compare, and understand. CTAs are clearer, and the visual design reflects ATMA CENA’s professional tone without being too formal or too casual.
Redesigning the training pages marked a fresh starting point for the entire website, setting the tone and direction for future updates across the website.
Structure
The new layout introduces a clear three-step flow:
Training Page → All Courses Page → Individual Course Pages
This keeps things simple for new users while giving returning visitors a quick way to jump back in. Each course has its own page, which includes pricing, structure, schedule, instructor list, and related courses.
Interface Updates
Several new interface elements were added to make the experience more useful and easier to navigate:
Course Cards – Easy to scan, mobile-friendly blocks with key info
Certification Path Graphic – A visual summary of how courses connect
FAQ Accordion – Compact and readable answers to common questions
Course Table of Contents – Expandable sections for each lesson
Instructor Grid – Real faces, short bios, and titles all in one view
CTA Banners – Direct links to explore the CoCare™ program or book a call
Educational Platform Preview – Shows how course can be accessed anywhere simple having mobile device
Student Reviews – Added to individual course pages for social proof
CEO Message – A short quote that builds trust with a human voice
Results
The updated layout and structure made the website pages easier to use and gave the team a system they can maintain long term. Courses are now easier to browse, compare, and understand. CTAs are clearer, and the visual design reflects ATMA CENA’s professional tone without being too formal or too casual.
Redesigning the training pages marked a fresh starting point for the entire website, setting the tone and direction for future updates across the website.
Structure
The new layout introduces a clear three-step flow:
Training Page → All Courses Page → Individual Course Pages
This keeps things simple for new users while giving returning visitors a quick way to jump back in. Each course has its own page, which includes pricing, structure, schedule, instructor list, and related courses.
Interface Updates
Several new interface elements were added to make the experience more useful and easier to navigate:
Course Cards – Easy to scan, mobile-friendly blocks with key info
Certification Path Graphic – A visual summary of how courses connect
FAQ Accordion – Compact and readable answers to common questions
Course Table of Contents – Expandable sections for each lesson
Instructor Grid – Real faces, short bios, and titles all in one view
CTA Banners – Direct links to explore the CoCare™ program or book a call
Educational Platform Preview – Shows how course can be accessed anywhere simple having mobile device
Student Reviews – Added to individual course pages for social proof
CEO Message – A short quote that builds trust with a human voice
Results
The updated layout and structure made the website pages easier to use and gave the team a system they can maintain long term. Courses are now easier to browse, compare, and understand. CTAs are clearer, and the visual design reflects ATMA CENA’s professional tone without being too formal or too casual.
Redesigning the training pages marked a fresh starting point for the entire website, setting the tone and direction for future updates across the website.
About the Project
ATMA CENA offers professional training for therapists and healthcare providers interested in psychedelic-assisted therapy. Their previous training page presented all course information in one long scroll, which made it harder for users to compare offerings or understand where to begin.
The goal was to make the content easier to explore and more practical to update over time. This included a new page structure, better organization, and a consistent visual system that works across devices.
Scope of Work
Review of the original content structure;
Design of a scalable layout across three levels;
Creation of reusable UI components in Figma;
High-fidelity designs for mobile and desktop.
About the Project
ATMA CENA offers professional training for therapists and healthcare providers interested in psychedelic-assisted therapy. Their previous training page presented all course information in one long scroll, which made it harder for users to compare offerings or understand where to begin.
The goal was to make the content easier to explore and more practical to update over time. This included a new page structure, better organization, and a consistent visual system that works across devices.