(01) Introduction
Case study
No. 02
Bonaca Mental Health Clinic
A clinic website built in 2024, later extended with responsive content overlays so substantial medical information could live inside the existing service cards — without new pages or a redesign.
Disciplines
UX/UI / Information Architecture / Interaction Design / Responsive Web Design
Company
Userly Digital Studio
(02) The project
Bonaca Mental Health Clinic
The original Bonaca website was developed in 2024, including a service-card system designed to accommodate future interactions.
The clinic later needed to publish substantial medical information for individual services, but didn’t want new pages or a major redesign ahead of an upcoming refresh.
(03) The work
Bonaca Mental Health Clinic
Original website
[Add screenshots]
Service-card system
The solution kept the existing service cards and introduced responsive content overlays. [Add images]
Content organization
The medical content was structured in a Word document and approved by the clinic’s professionals before implementation.
Information hierarchy
[Add overlay content structure]
Overlay interaction
Overlays close with the close button or by selecting the area outside the content panel, returning visitors to where they were.
Desktop experience
[Add desktop views]
Mobile experience
On mobile the cards stack vertically. [Add mobile views]
(04) Decisions & iterations
Bonaca Mental Health Clinic
Design constraints
No new pages and no major redesign before the planned refresh. [Add notes]
Next project
Product design
Align
View next project
