← All projects

ClínicaRilema

A calm healthcare website that organises physiotherapy and podiatry as one offer without blurring the specialisms or overwhelming visitors.

Explore demo Request a quote
portfolio.local/demos/clinica-rilema
Clínica Rilema hero on desktop
Clínica Rilema hero on mobile
  • Multi-specialism offer
  • Service card system
  • Clear process
  • Calm motion
Sector
Physiotherapy and podiatry
Contribution
Content strategy · UX/UI · Front end
01

The commercial challenge

A broad clinical offer does not need to feel complicated.

Need

The clinic combines specialisms, services, approach, practitioners and facilities. The challenge was to explain that breadth in one voice while giving every need a clear entry point.

Objective

Build trust from the first screen, separate four service areas and connect each one to a simple process and visible contact route.

Designed response

I organised the offer, designed the healthcare visual system, service cards and trust journey, and built the responsive layout and progressive motion.

Built with

HTML5CSS3JavaScriptLenisIntersectionObserverResponsive UI

Validated with

Playwright QA1440 / 390 px
02

Interface evidence

The solution on screen

Clínica Rilema original hero
01

Two specialisms, one hierarchy

Physiotherapy, functional recovery, podiatry and orthotics share one visual pattern while keeping distinct content.

  • Fast service scanning
  • Contextual CTA
  • Scalable system
Stacked service cards on mobile
02

Organic shapes that organise

Colour, soft crops and typographic contrast guide visitors through cards and support a calm healthcare identity.

  • Stable green-and-white contrast
  • Distinct serif and sans roles
  • Mobile stack preserves imagery
03

Commercial journey

From the right specialism to an informed decision.

  1. 01

    Orient

    The hero summarises specialisms and proposition.

  2. 02

    Choose

    Four cards separate common needs.

  3. 03

    Trust

    Approach, people and facilities add context.

  4. 04

    Act

    Phone, location and Instagram close the journey.

Clínica Rilema mobile composition

Demonstrated capabilities

One visual system for distinct services.

The case demonstrates content strategy, component consistency and mobile adaptation for a multi-specialism healthcare business.

Discuss a project
04

Verifiable build

The engineering stays available without slowing the story.

Solution

A shared system keeps one identity while title, copy and CTA distinguish each service.

Solution

It is distributed across cards, a three-step process and trust sections.

Solution

Crops change proportion while content keeps a linear order.

Built features

Interactions with a specific purpose.

  • Fixed header
  • Responsive menu
  • Four service cards
  • Three-step process
  • Progressive reveals
  • Phone, Maps and Instagram
05

Implementation quality

A clinic that reads clearly as a whole and in every service.

Responsive

Cards, images and actions become one column without separating each specialism from its CTA.

Accessibility

Semantic hierarchy, recognisable links and content available before animation starts.

Performance

Static implementation with no client framework and JavaScript limited to navigation and motion.

Delivered

  • Architecture for four services
  • Responsive healthcare visual system
  • Three-step care process
  • Complete journey to contact

Does your offer need this kind of clarity?

Let’s design a website that helps people understand, trust and act.

Tell me what the business sells, what content exists and where the decision stalls today. We will define scope before quoting.

Request a quote