Servier

Full website design for the global pharmaceutical company.

Project: Servier
Client: Servier
Year: Via Personal Brand
Industry: Pharmaceutical & Healthcare
Services: UI/UX & WEB DESIGN · UI/UX · Information Architecture · Visual Identity

Intro

Designed an entire website for Servier's incentive called "Akoloutho tin agogi". I covered information architecture, UI, and the visual system from the ground up.

Selected aspects of the project

Product, UI/UX, Digital and Motion Design for a full data-driven asset marketplace

Three page systems designed to make medical information approachable, navigable and worth returning to.

Explaining the adherence problem

An awareness page that turns a clinical concept into something a patient can read, understand and act on.

What this is: The treatment adherence page, combining a definition panel, supporting imagery and a data section presenting the global burden of cardiovascular disease.
Why it was designed this way: The definition sits in a calm, high-contrast panel so the core idea lands first, and the statistics that follow are broken into illustrated pairs of figure and explanation. Numbers are given visual weight so the scale of the issue registers before the detail is read.
What problem did it solve: Patients rarely recognise skipping or altering medication as a named, measurable risk. Presenting the definition and the evidence side by side makes the consequence concrete without resorting to alarming or overly clinical language.

Everyday health content and the tip of the day

An editorial hub designed to keep patients returning for short, practical guidance between appointments.

What this is: The Tip of the Day section, with a featured article, a secondary article list, a filterable Most Popular area and supporting promotional cards.
Why it was designed this way: One large feature anchors the page while smaller cards carry dates, reading times and a repeated call to action, so scanning is effortless. Category filters let people jump straight to relaxing, exercising or eating well without leaving the page.
What problem did it solve: Health advice becomes ignorable when it arrives as undifferentiated text. A consistent card system with clear metadata made the library easy to browse, easy to keep updating and light enough to read on a phone.

Condition pages and guided navigation

A repeatable template for condition content, built so long medical explanations stay navigable.

What this is: The high cholesterol condition page, with breadcrumbs, an in-page chapter menu, a highlighted question panel and a structured list of related conditions.
Why it was designed this way: Each topic opens with a short orientation and a visible list of its chapters, so readers choose their depth instead of scrolling blindly. Patient questions are set in coloured panels to separate lived concerns from clinical explanation.
What problem did it solve: Condition information is long by nature and easy to abandon halfway. The template breaks it into named chapters with consistent hierarchy, letting the same structure carry every condition across the site.

Other excerpts from my portfolio

Next projectTopos Venue Marketplace

Full marketplace design for Athens' private event spaces; discovery, booking and host management.

Let's get started