Design lab · round 2 · Sep 2026

Six directions for
a new Llamando al Doctor.

An exploration of the corporate site. Every concept keeps the current palette and uses the logo unmodified (full or mark-only). Each one is a working HTML prototype, so open them, scroll and click around. None is meant to be final. The goal is to find which ideas you want to push further.

Round 2 · Current direction

La Línea + Siempre despiertos + the calculator

07 · Home

Open the prototype →

The lime line starts at the mark and carries the whole scroll. The hero follows the visitor's local time (headline and glow change; navy stays), with your own line "La salud no tiene horario. Nosotros tampoco." The line loops all the way around the 24-hour ring, then passes a 26-country dot map generated from img/nosotros/mapa.png, a duotone team photo, and the impact calculator (financiador / prestador). It ends at the audiences, real client logos, awards, and the phone-shaped CTA.

Kept: 01 La LíneaKept: 02 time-awareKept: 05 calculatorFrom Figma: pink rule under big numbers
From your Figma files

What we carried over

  • Your recent social posts already say "La salud no tiene horario. Nosotros tampoco.": that is Siempre despiertos in your own words, so it's now the hero line.
  • Big lime number + white caption + pink hairline: reused for every station.
  • The web file is the 2020 site (per-page frames + mobile); the app file holds onboarding and login flows (lime speech-bubble cards, pink/navy/lime CTAs). These go to the app phase with 06.
Round 1 status

Your decisions

  • Kept: 01 La Línea, 02 Siempre despiertos, the calculator from 05.
  • For the app: 06 Sistema de trazo.
  • For events: 03 Llamá as a product-stand experience.
  • Dropped: 04 Receta (not obvious); 05 as a whole overlaps /product.
00 · Where we are

What the current site says about the brand

Foundations

An ownable palette

29293B
C5FF00
FF4D7C
7878F7
FAF8F9
  • Navy + lime is rare in healthcare (a blue/teal sea). It's the brand's biggest asset.
  • Rubik 300–700 throughout; friendly, matches the wordmark.
  • Two limes in use (#C5FF00 in CSS, #C3FF00 in logo files); worth unifying.
What feels dated

2019-era corporate patterns

  • Stock-photo carousel hero with circle and U cut-outs.
  • Scattered pink and lime "confetti" dashes as decoration.
  • Small, light, equal-weight text; little hierarchy.
  • The strongest facts (1 min, 95%, 10M, 24/7) are buried in bullet lists.
  • Organized by audience but every page looks the same; almost no motion or interaction.
Signals to build on

The logo is a story

  • The mark is one continuous line: a stethoscope that becomes a phone. Constant stroke, U-turns, a "signal dot".
  • The name is a verb in progress: "Llamando…". The brand is a call.
  • /product already moves toward big type, dark surfaces and stat chips. The market reads that as modern.
  • Values: empathy, warmth, flexibility. The current UI shows little of them.
Round 1 · 01–06 · Directions

The concepts hover a card for a second state

01 · La Línea

Kept

The mark's single stroke keeps going. As you scroll, one lime line draws itself down the page and stops at "stations" (1 min, 95%, 500 doctors, 26 countries). It ends by tracing the phone shape around the CTA. "Estás en línea con un médico" works both as "online" and "on the line".

Scroll-driven SVGDarkMost on-brand

02 · Siempre despiertos

Kept

The site reads the visitor's local time and re-themes itself: navy at night, violet at dawn, paper at noon, pink at dusk. The copy changes too ("Son las 03:14. Tu pediatra duerme. Nuestros médicos, no."). 24/7 stops being a claim and becomes something you notice. Includes a 24-hour story ring and live world clocks.

Uses all 5 palette colorsScrubbable clockBrand looks different each visit

03 · Llamá

Events

The homepage is an incoming call from "Llamando al Doctor…". Answer it and the site becomes a video-call screen with a chat that asks who you are (patient, doctor, payer, provider, travel, company) and shows only what matters to you. Hanging up asks you to rate the call, just like after a real consultation.

Most memorableSelf-segmentingNeeds a classic fallback for SEO

04 · Receta

Dropped

The site is laid out like a medical document: prescription pad ("Rp/"), diagnosis table, numbered indications, clinical history with the founder's story, vitals and a signature line. Lime becomes a highlighter on paper and pink a rubber stamp. The warmest and most human of the six.

LightSerif + mono accentsWarm / values-led

05 · Sala de control

Calculator kept

For payers and providers, healthcare shown as infrastructure: a live console (simulated), a KPI strip, an impact calculator built on your 30–40% savings figure, the three care models as stacked bars, and the API/SLA story from /product/tech.

Most sales-usefulInteractive calculatorLive feed must be real or clearly labeled

06 · Sistema de trazo

App phase

Not a page but the design language the others share: three rules taken from the mark (continuous stroke, U-turn, signal dot) applied to icons, a "connecting" loader, buttons, color ratio and type, plus the patient app redrawn with them. This is the bridge to your other UIs.

IconsMotionApp screens
Compare

How they trade off

ConceptOut of the ordinaryBrand fitB2B clarityPatient warmthBuild effortMixes well with
01 La Línea●●●●●●●●●●●●●●●●●●●●Medium02, 05, 06
02 Siempre despiertos●●●●●●●●●●●●●●●●●●●●Low–medium01, 04
03 Llamá●●●●●●●●●●●●●●●●●●●●Medium–highany (as entry)
04 Receta●●●●●●●●●●●●●●●●●●●●Low02
05 Sala de control●●●●●●●●●●●●●●●●●●●●Medium01, 03
Next

How to use this round