← All projects

LópezParada

An editorial proposal that brings services, home visits, regulatory information and multichannel contact into a direct local journey.

portfolio.local/demos/lopez-parada
López Parada hero on desktop
López Parada hero on mobile
  • Six organised services
  • Multichannel contact
  • Home visits
  • Editorial identity
Sector
Podiatry
Contribution
Architecture · Visual direction · Front end
01

The commercial challenge

Local information becomes valuable when it forms a journey.

Need

Practical information was distributed across directories and profiles: services, hours, registration, location, home visits and several contact routes.

Objective

Turn those facts into a coherent presence that makes home visits prominent and lets visitors choose phone, WhatsApp or email.

Designed response

I designed the architecture, burgundy-and-cream editorial identity, service directory, contact hierarchy, responsive layouts and motion.

Built with

HTML5CSS3JavaScriptLenisIntersectionObserverWhatsApp

Validated with

Playwright QA1440 / 390 px
02

Interface evidence

The solution on screen

López Parada original hero
01

The differentiating service gets a chapter

Home visits become a clear proposition with context and a dedicated action rather than a secondary note.

  • Visible message
  • Contextual WhatsApp
  • Purposeful photography
Home visit service and contact on mobile
02

Practical facts without breaking the story

Registration, hours, accessibility, parking and payment sit alongside the clinical catalogue as trust signals.

  • Facts grouped by intent
  • Six services without filters
  • Three contact channels
03

Commercial journey

From a podiatry need to the right contact channel.

  1. 01

    Recognise

    The hero locates practice, specialism and town.

  2. 02

    Explore

    Six services show clinical scope.

  3. 03

    Differentiate

    Home visits gain dedicated visibility.

  4. 04

    Contact

    Phone, WhatsApp and email offer choice.

López Parada mobile composition

Demonstrated capabilities

A visible differentiator without hiding the essentials.

Editorial direction and multichannel conversion show how a local practice can gain clarity, character and practical utility.

Discuss a project
04

Verifiable build

The engineering stays available without slowing the story.

Solution

The architecture separates clinical choice, visit and practical contact.

Solution

A direct directory keeps every option visible and scannable.

Solution

Each CTA appears where it is most useful.

Built features

Interactions with a specific purpose.

  • Photographic hero
  • Six-service directory
  • Home visit block
  • WhatsApp CTA
  • Anchor navigation
  • Phone, email and directions
05

Implementation quality

A practice with its own identity and frictionless contact.

Responsive

The editorial composition preserves priority, image crop and calls to action on mobile.

Accessibility

Semantic navigation, visible focus and links with understandable destinations.

Performance

Static site with JavaScript limited to scrolling, menu and progressive entries.

Delivered

  • Six-service directory
  • Home visit presentation
  • Structured visit information
  • Three-channel conversion

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