Medical Center Trinity

Context

Medical Center Trinity needed a website that could introduce the center, present its doctors and services, and support weekly blog posts. The project included creating the visual direction and implementation from scratch in close collaboration with the client.

Challenge

The website had to bring several distinct content areas into one coherent experience: information about the medical center, its doctors and services, and recurring blog content. Because the project was created from scratch, both the interface and the technical implementation had to be defined as part of the same delivery process.

Role & responsibilities

Stoyan owned the website design and implementation, working in close collaboration with the client.

• Define the UX/UI concept and final visual direction.
• Implement the website with Gatsby.js and React.js.
• Structure the interface around the medical center, doctors, services, and blog content.
• Collaborate with the client on design and development.

Technical approach

The website was implemented as a single-page web application using Gatsby.js and React.js, with HTML and CSS forming the interface layer. This provided the technical foundation for combining the core medical-center presentation with regularly published blog content.

The implementation followed the visual direction created for the project while keeping the doctors, services, and blog as distinct parts of the user-facing experience.

Content & information architecture

The site content was organized around the information visitors needed to understand the center: who provides care, which services are available, and what the center publishes through its blog. This gave the permanent medical-center information and the recurring articles clear roles within the same website.

Outcomes

• Delivered a live Gatsby.js and React.js website presenting Medical Center Trinity, its doctors and services, with support for ongoing blog posts.