Passer au contenu principal

#Knights

MediCall — Branding & Web Design Case Study | #KNIGHTS
Healthcare · Branding · Web Design

MediCall. Des soins qui vous semblent plus proches.

A clear healthcare identity built around an M-and-cross icon, a bold wordmark and an electric-blue palette. Explore how the brand comes together across logo design, visual identity, website design and development.

Explore the project
MediCall website showcase with overlapping page panels and blue medical imagery
Image de marqueLogo, color and visual identity
Conception de sites webDesktop and mobile experiences
Web buildA consistent interface system
Présentation générale

A more human healthcare brand. A connected digital experience.

MediCall combines a rounded M-and-cross icon with a bold wordmark, electric blue, deep navy and ice-blue backgrounds. The identity balances clear medical communication with approachable portraits and spacious layouts.

Our work connects logo design, branding and visual identity with website design and development. The same visual language carries through stationery, desktop pages, mobile screens and appointment interfaces.

Logo designImage de marqueIdentité visuelleConception de sites webDéveloppement webResponsive design
ProjectMediCall
IndustrieSanté
Service 01Logo, branding & visual identity
Service 02Web design & development
PublicPeople exploring care and providers
FocusTrust, clarity and consistency
The brief

Make healthcare feel clear and approachable.

01

Create a recognizable identity

Design a distinctive logo that stays clear across a website header, stationery and smaller brand applications.

02

Balance trust with warmth

Pair electric blue and navy with ice-blue backgrounds, white space and welcoming physician portraits.

03

Bring the services into focus

Give visitors a clear way to explore departments, discover the medical team and understand their next step.

04

Connect every touchpoint

Carry one visual system through printed materials, desktop pages, mobile layouts and appointment screens.

Design direction

A calmer visual language. One connected identity.

Four decisions shape the MediCall identity.

01
Starting point

Reconnaissance

An M-and-cross icon and bold wordmark give MediCall a recognizable signature.

02
Visual system

Palette

Electric blue meets deep navy, ice blue and white.

03
Brand mood

Photography

Welcoming portraits and coordinated medical imagery.

04
System check

Cohérence

One visual system across brand and website touchpoints.

Project scope

From brand identity. To digital experience.

Logo identity

A rounded M with a medical-cross cutout pairs with the MediCall wordmark across horizontal, stacked and icon applications.

Typography & color

Electric blue, navy, ice blue and white pair with Barlow Condensed headings and Inter body text.

Brand applications

Stationery and team identity carry the visual system into physical touchpoints.

Website design

A complete desktop experience brings together the hospital, services and medical team.

Responsive design

Mobile layouts preserve the identity while reorganizing content for smaller screens.

Développement web

Reusable interface components and specifications connect the design with implementation.

The Branding, Visual Identity and Web Design & Development work is presented in ten dedicated cards, each showing a finished deliverable with its own image and explanation.
MediCall — Logo identity system
01 · LOGO SYSTEM

Logo identity system

The rounded M-and-cross icon and MediCall wordmark form one coordinated logo family. Horizontal and stacked lockups, standalone marks, digital icons and color variations keep the identity recognizable across different formats.

Open this deliverable
MediCall — Color palette & typography
02 · COLOR & TYPE

Color palette & typography

Electric blue and deep navy pair with ice blue and white. Barlow Condensed gives headlines a distinctive voice, while Inter keeps supporting copy and interface labels clear.

Open this deliverable
MediCall — Imagery & visual language
03 · VISUAL LANGUAGE

Imagery & visual language

Physician portraits, hospital photography and blue anatomical illustrations establish the visual language. Red focal details in the medical imagery add emphasis within the cool blue palette.

Open this deliverable
MediCall — Stationery & brand applications
04 · STATIONERY

Stationery & brand applications

Letterhead, envelopes, brand cards and appointment notes carry the MediCall wordmark into everyday printed materials. Navy, electric blue and white variations connect these applications to the wider identity.

Open this deliverable
MediCall — Desktop website design
05 · DESKTOP WEBSITE

Desktop website design

The desktop homepage pairs a physician portrait with blue anatomical imagery and a clear invitation to explore care. Department cards, the hospital story and medical team sections extend the experience below the hero.

Open this deliverable
MediCall — Website sections & detail views
06 · WEBSITE DETAILS

Website sections & detail views

The hospital introduction and DNA testing section extend the homepage story. Architectural photography, bold headings and blue DNA imagery give each section a distinct role within one visual system.

Open this deliverable
MediCall — Responsive & mobile design
07 · MOBILE DESIGN

Responsive & mobile design

Mobile layouts reorganize the homepage, hospital story and service discovery for smaller screens. Blue medical imagery, clear typography and prominent actions preserve the desktop visual language.

Open this deliverable
MediCall — Doctors & department cards
08 · SERVICE DISCOVERY

Doctors & department cards

Doctor profiles and department cards help visitors explore the people and services behind MediCall. Consistent image proportions, labels and action styles create a coherent browsing experience.

Open this deliverable
MediCall — Appointment request experience
09 · APPOINTMENT UI

Appointment request experience

The appointment interface brings department and doctor selection, preferred dates and times, and contact details into one clear view. A mobile acknowledgement confirms receipt of the request and explains that the team will follow up.

Open this deliverable
MediCall — Brand guidelines & visual standards
10 · BRAND GUIDELINES

Brand guidelines & visual standards

The guideline book brings together the M-and-cross icon, wordmark, logo variations, palette, typography and image direction. It provides a shared visual reference for future print and digital applications.

Open this deliverable
Design outcomes

A recognizable healthcare identity. Connected across ten deliverables.

DistinctA recognizable identity

The M-and-cross icon, bold wordmark and blue palette create a clear MediCall signature.

ConnectedBrand and website together

The same identity carries through stationery, desktop layouts, mobile screens and appointment interfaces.

CohérentOne visual system

Shared typography, imagery and interface patterns connect every deliverable.

These outcomes describe the brand and website work shown. No conversion, appointment-volume or business-performance metrics are presented.

Points clés à retenir

A consistent identity. A clearer digital experience.

01

The identity sets the tone.

The emblem, palette and image direction create an approachable first impression across every touchpoint.

02

The website makes the work tangible.

Desktop views, mobile layouts and detailed interfaces show how the visual identity extends into the digital experience.

03

A shared system keeps it connected.

Reusable components and brand guidelines help maintain consistency across future materials and pages.

Project visuals: MediCall branding and website presentation. Portraits, profile details, statistics and medical content within the mockups are illustrative; appointment screens show interface design.

#Logo des Knights

Have a healthcare or brand project? Parlons-en.

From a distinctive identity to a connected website, let’s create a brand experience that feels clear, welcoming and consistent.